#687e86 Color Information
In a RGB color space, hex #687e86 is composed of 40.8% red, 49.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 6% magenta, 0% yellow and 47.5% black. It has a hue angle of 196 degrees, a saturation of 12.6% and a lightness of 46.7%. #687e86 color hex could be obtained by blending #d0fcff with #00000d. Closest websafe color is: #666699.
-
- R 41
- G 49
- B 53
-
- C 22
- M 6
- Y 0
- K 47
● #687e86 color description : Dark grayish blue.
#687e86 Color Conversion
The hexadecimal color #687e86 has RGB values of R:104, G:126, B:134 and CMYK values of C:0.22, M:0.06, Y:0, K:0.47. Its decimal value is 6848134.
Hex triplet | 687e86 | #687e86 |
---|---|---|
RGB Decimal | 104, 126, 134 | rgb(104,126,134) |
RGB Percent | 40.8, 49.4, 52.5 | rgb(40.8%,49.4%,52.5%) |
CMYK | 22, 6, 0, 47 | |
HSL | 196°, 12.6, 46.7 | hsl(196,12.6%,46.7%) |
HSV (or HSB) | 196°, 22.4, 52.5 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.365, -6.072, -6.991 |
---|---|
XYZ | 17.472, 19.586, 25.413 |
xyY | 0.28, 0.314, 19.586 |
CIE-LCH | 51.365, 9.26, 229.025 |
CIE-LUV | 51.365, -11.673, -8.974 |
Hunter-Lab | 44.256, -6.976, -3.067 |
Binary | 01101000, 01111110, 10000110 |
Color Schemes with #687e86
Alternatives to #687e86
Below, you can see some colors close to #687e86. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#687e86 Preview
This text has a font color of #687e86.
<span style="color:#687e86;">Text here</span>
This paragraph has a background color of #687e86.
<p style="background-color:#687e86;">Content here</p>
This element has a border color of #687e86.
<div style="border:1px solid #687e86;">Content here</div>
.text {color:#687e86;}
.background {background-color:#687e86;}
.border {border:1px solid #687e86;}
Shades and Tints of #687e86
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, #010101 is the darkest color, while #f5f7f8 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#0a0c0d
#0a0c0d
rgb(10,12,13)
-
#121618
#121618
rgb(18,22,24)
-
#1b2123
#1b2123
rgb(27,33,35)
-
#232b2e
#232b2e
rgb(35,43,46)
-
#2c3539
#2c3539
rgb(44,53,57)
-
#354044
#354044
rgb(53,64,68)
-
#3d4a4f
#3d4a4f
rgb(61,74,79)
-
#46545a
#46545a
rgb(70,84,90)
-
#4e5f65
#4e5f65
rgb(78,95,101)
-
#576970
#576970
rgb(87,105,112)
-
#5f747b
#5f747b
rgb(95,116,123)
-
#687e86
#687e86
rgb(104,126,134)
-
#718891
#718891
rgb(113,136,145)
-
#7c9199
#7c9199
rgb(124,145,153)
-
#879ba2
#879ba2
rgb(135,155,162)
-
#92a4aa
#92a4aa
rgb(146,164,170)
-
#9dadb3
#9dadb3
rgb(157,173,179)
-
#a8b6bc
#a8b6bc
rgb(168,182,188)
-
#b3c0c4
#b3c0c4
rgb(179,192,196)
-
#bec9cd
#bec9cd
rgb(190,201,205)
-
#c9d2d5
#c9d2d5
rgb(201,210,213)
-
#d4dbde
#d4dbde
rgb(212,219,222)
-
#dfe5e6
#dfe5e6
rgb(223,229,230)
-
#eaeeef
#eaeeef
rgb(234,238,239)
-
#f5f7f8
#f5f7f8
rgb(245,247,248)
Tones of #687e86
A tone is produced by adding gray to any pure hue. In this case, #717a7d is the less saturated color, while #03adeb is the most saturated one.
-
#717a7d
#717a7d
rgb(113,122,125)
-
#687e86
#687e86
rgb(104,126,134)
-
#5f828f
#5f828f
rgb(95,130,143)
-
#568798
#568798
rgb(86,135,152)
-
#4d8ba1
#4d8ba1
rgb(77,139,161)
-
#438fab
#438fab
rgb(67,143,171)
-
#3a93b4
#3a93b4
rgb(58,147,180)
-
#3198bd
#3198bd
rgb(49,152,189)
-
#289cc6
#289cc6
rgb(40,156,198)
-
#1fa0cf
#1fa0cf
rgb(31,160,207)
-
#16a4d8
#16a4d8
rgb(22,164,216)
-
#0ca9e2
#0ca9e2
rgb(12,169,226)
-
#03adeb
#03adeb
rgb(3,173,235)
Color Blindness Simulator
Below, you can see how #687e86 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.