#7686b3 Color Information
In a RGB color space, hex #7686b3 is composed of 46.3% red, 52.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 34.1% cyan, 25.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 224.3 degrees, a saturation of 28.6% and a lightness of 58.2%. #7686b3 color hex could be obtained by blending #ecffff with #000d67. Closest websafe color is: #6699cc.
-
- R 46
- G 53
- B 70
-
- C 34
- M 25
- Y 0
- K 30
● #7686b3 color description : Slightly desaturated blue.
#7686b3 Color Conversion
The hexadecimal color #7686b3 has RGB values of R:118, G:134, B:179 and CMYK values of C:0.34, M:0.25, Y:0, K:0.3. Its decimal value is 7767731.
Hex triplet | 7686b3 | #7686b3 |
---|---|---|
RGB Decimal | 118, 134, 179 | rgb(118,134,179) |
RGB Percent | 46.3, 52.5, 70.2 | rgb(46.3%,52.5%,70.2%) |
CMYK | 34, 25, 0, 30 | |
HSL | 224.3°, 28.6, 58.2 | hsl(224.3,28.6%,58.2%) |
HSV (or HSB) | 224.3°, 34.1, 70.2 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.243, 5.211, -25.553 |
---|---|
XYZ | 24.131, 24.156, 46.036 |
xyY | 0.256, 0.256, 24.156 |
CIE-LCH | 56.243, 26.079, 281.526 |
CIE-LUV | 56.243, -10.115, -39.412 |
Hunter-Lab | 49.149, 1.631, -21.132 |
Binary | 01110110, 10000110, 10110011 |
Color Schemes with #7686b3
Alternatives to #7686b3
Below, you can see some colors close to #7686b3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7686b3 Preview
This text has a font color of #7686b3.
<span style="color:#7686b3;">Text here</span>
This paragraph has a background color of #7686b3.
<p style="background-color:#7686b3;">Content here</p>
This element has a border color of #7686b3.
<div style="border:1px solid #7686b3;">Content here</div>
.text {color:#7686b3;}
.background {background-color:#7686b3;}
.border {border:1px solid #7686b3;}
Shades and Tints of #7686b3
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010102 is the darkest color, while #f4f5f9 is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#080a0e
#080a0e
rgb(8,10,14)
-
#0f121b
#0f121b
rgb(15,18,27)
-
#161b28
#161b28
rgb(22,27,40)
-
#1d2334
#1d2334
rgb(29,35,52)
-
#242c41
#242c41
rgb(36,44,65)
-
#2b344d
#2b344d
rgb(43,52,77)
-
#323d5a
#323d5a
rgb(50,61,90)
-
#394567
#394567
rgb(57,69,103)
-
#404d73
#404d73
rgb(64,77,115)
-
#475680
#475680
rgb(71,86,128)
-
#4e5e8d
#4e5e8d
rgb(78,94,141)
-
#556799
#556799
rgb(85,103,153)
-
#5d70a5
#5d70a5
rgb(93,112,165)
-
#697bac
#697bac
rgb(105,123,172)
-
#7686b3
#7686b3
rgb(118,134,179)
-
#8391ba
#8391ba
rgb(131,145,186)
-
#8f9cc1
#8f9cc1
rgb(143,156,193)
-
#9ca7c8
#9ca7c8
rgb(156,167,200)
-
#a8b3cf
#a8b3cf
rgb(168,179,207)
-
#b5bed6
#b5bed6
rgb(181,190,214)
-
#c2c9dd
#c2c9dd
rgb(194,201,221)
-
#ced4e4
#ced4e4
rgb(206,212,228)
-
#dbdfeb
#dbdfeb
rgb(219,223,235)
-
#e8eaf2
#e8eaf2
rgb(232,234,242)
-
#f4f5f9
#f4f5f9
rgb(244,245,249)
Tones of #7686b3
A tone is produced by adding gray to any pure hue. In this case, #8f929a is the less saturated color, while #2c63fd is the most saturated one.
-
#8f929a
#8f929a
rgb(143,146,154)
-
#868ea3
#868ea3
rgb(134,142,163)
-
#7e8aab
#7e8aab
rgb(126,138,171)
-
#7686b3
#7686b3
rgb(118,134,179)
-
#6e82bb
#6e82bb
rgb(110,130,187)
-
#667ec3
#667ec3
rgb(102,126,195)
-
#5d7acc
#5d7acc
rgb(93,122,204)
-
#5576d4
#5576d4
rgb(85,118,212)
-
#4d73dc
#4d73dc
rgb(77,115,220)
-
#456fe4
#456fe4
rgb(69,111,228)
-
#3d6bec
#3d6bec
rgb(61,107,236)
-
#3467f5
#3467f5
rgb(52,103,245)
-
#2c63fd
#2c63fd
rgb(44,99,253)
Color Blindness Simulator
Below, you can see how #7686b3 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.