#687a84 Color Information
In a RGB color space, hex #687a84 is composed of 40.8% red, 47.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 7.6% magenta, 0% yellow and 48.2% black. It has a hue angle of 201.4 degrees, a saturation of 11.9% and a lightness of 46.3%. #687a84 color hex could be obtained by blending #d0f4ff with #000009. Closest websafe color is: #666699.
-
- R 41
- G 48
- B 52
-
- C 21
- M 8
- Y 0
- K 48
● #687a84 color description : Dark grayish blue.
#687a84 Color Conversion
The hexadecimal color #687a84 has RGB values of R:104, G:122, B:132 and CMYK values of C:0.21, M:0.08, Y:0, K:0.48. Its decimal value is 6847108.
Hex triplet | 687a84 | #687a84 |
---|---|---|
RGB Decimal | 104, 122, 132 | rgb(104,122,132) |
RGB Percent | 40.8, 47.8, 51.8 | rgb(40.8%,47.8%,51.8%) |
CMYK | 21, 8, 0, 48 | |
HSL | 201.4°, 11.9, 46.3 | hsl(201.4,11.9%,46.3%) |
HSV (or HSB) | 201.4°, 21.2, 51.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.13, -4.259, -7.659 |
---|---|
XYZ | 16.832, 18.528, 24.518 |
xyY | 0.281, 0.309, 18.528 |
CIE-LCH | 50.13, 8.763, 240.922 |
CIE-LUV | 50.13, -9.794, -10.156 |
Hunter-Lab | 43.044, -5.524, -3.641 |
Binary | 01101000, 01111010, 10000100 |
Color Schemes with #687a84
Alternatives to #687a84
Below, you can see some colors close to #687a84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#687a84 Preview
This text has a font color of #687a84.
<span style="color:#687a84;">Text here</span>
This paragraph has a background color of #687a84.
<p style="background-color:#687a84;">Content here</p>
This element has a border color of #687a84.
<div style="border:1px solid #687a84;">Content here</div>
.text {color:#687a84;}
.background {background-color:#687a84;}
.border {border:1px solid #687a84;}
Shades and Tints of #687a84
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, #000000 is the darkest color, while #f4f6f7 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#090a0b
#090a0b
rgb(9,10,11)
-
#121516
#121516
rgb(18,21,22)
-
#1a1f21
#1a1f21
rgb(26,31,33)
-
#23292c
#23292c
rgb(35,41,44)
-
#2b3337
#2b3337
rgb(43,51,55)
-
#343d42
#343d42
rgb(52,61,66)
-
#3d474d
#3d474d
rgb(61,71,77)
-
#455158
#455158
rgb(69,81,88)
-
#4e5c63
#4e5c63
rgb(78,92,99)
-
#57666e
#57666e
rgb(87,102,110)
-
#5f7079
#5f7079
rgb(95,112,121)
-
#687a84
#687a84
rgb(104,122,132)
-
#71848f
#71848f
rgb(113,132,143)
-
#7c8e98
#7c8e98
rgb(124,142,152)
-
#8797a0
#8797a0
rgb(135,151,160)
-
#92a1a9
#92a1a9
rgb(146,161,169)
-
#9daab1
#9daab1
rgb(157,170,177)
-
#a8b3ba
#a8b3ba
rgb(168,179,186)
-
#b3bdc3
#b3bdc3
rgb(179,189,195)
-
#bec6cb
#bec6cb
rgb(190,198,203)
-
#c8d0d4
#c8d0d4
rgb(200,208,212)
-
#d3d9dd
#d3d9dd
rgb(211,217,221)
-
#dee3e5
#dee3e5
rgb(222,227,229)
-
#e9ecee
#e9ecee
rgb(233,236,238)
-
#f4f6f7
#f4f6f7
rgb(244,246,247)
Tones of #687a84
A tone is produced by adding gray to any pure hue. In this case, #71777b is the less saturated color, while #0497e8 is the most saturated one.
-
#71777b
#71777b
rgb(113,119,123)
-
#687a84
#687a84
rgb(104,122,132)
-
#5f7d8d
#5f7d8d
rgb(95,125,141)
-
#567f96
#567f96
rgb(86,127,150)
-
#4d829f
#4d829f
rgb(77,130,159)
-
#4484a8
#4484a8
rgb(68,132,168)
-
#3b87b1
#3b87b1
rgb(59,135,177)
-
#328aba
#328aba
rgb(50,138,186)
-
#288cc4
#288cc4
rgb(40,140,196)
-
#1f8fcd
#1f8fcd
rgb(31,143,205)
-
#1691d6
#1691d6
rgb(22,145,214)
-
#0d94df
#0d94df
rgb(13,148,223)
-
#0497e8
#0497e8
rgb(4,151,232)
Color Blindness Simulator
Below, you can see how #687a84 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.