#677a87 Color Information
In a RGB color space, hex #677a87 is composed of 40.4% red, 47.8% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 9.6% magenta, 0% yellow and 47.1% black. It has a hue angle of 204.4 degrees, a saturation of 13.4% and a lightness of 46.7%. #677a87 color hex could be obtained by blending #cef4ff with #00000f. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 53
-
- C 24
- M 10
- Y 0
- K 47
● #677a87 color description : Dark grayish blue.
#677a87 Color Conversion
The hexadecimal color #677a87 has RGB values of R:103, G:122, B:135 and CMYK values of C:0.24, M:0.1, Y:0, K:0.47. Its decimal value is 6781575.
Hex triplet | 677a87 | #677a87 |
---|---|---|
RGB Decimal | 103, 122, 135 | rgb(103,122,135) |
RGB Percent | 40.4, 47.8, 52.9 | rgb(40.4%,47.8%,52.9%) |
CMYK | 24, 10, 0, 47 | |
HSL | 204.4°, 13.4, 46.7 | hsl(204.4,13.4%,46.7%) |
HSV (or HSB) | 204.4°, 23.7, 52.9 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.158, -3.865, -9.389 |
---|---|
XYZ | 16.925, 18.551, 25.609 |
xyY | 0.277, 0.304, 18.551 |
CIE-LCH | 50.158, 10.154, 247.623 |
CIE-LUV | 50.158, -10.342, -12.742 |
Hunter-Lab | 43.071, -5.232, -5.103 |
Binary | 01100111, 01111010, 10000111 |
Color Schemes with #677a87
Alternatives to #677a87
Below, you can see some colors close to #677a87. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677a87 Preview
This text has a font color of #677a87.
<span style="color:#677a87;">Text here</span>
This paragraph has a background color of #677a87.
<p style="background-color:#677a87;">Content here</p>
This element has a border color of #677a87.
<div style="border:1px solid #677a87;">Content here</div>
.text {color:#677a87;}
.background {background-color:#677a87;}
.border {border:1px solid #677a87;}
Shades and Tints of #677a87
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)
-
#0a0b0d
#0a0b0d
rgb(10,11,13)
-
#121518
#121518
rgb(18,21,24)
-
#1b2023
#1b2023
rgb(27,32,35)
-
#232a2e
#232a2e
rgb(35,42,46)
-
#2c3439
#2c3439
rgb(44,52,57)
-
#343e44
#343e44
rgb(52,62,68)
-
#3d484f
#3d484f
rgb(61,72,79)
-
#45525a
#45525a
rgb(69,82,90)
-
#4e5c66
#4e5c66
rgb(78,92,102)
-
#566671
#566671
rgb(86,102,113)
-
#5f707c
#5f707c
rgb(95,112,124)
-
#677a87
#677a87
rgb(103,122,135)
-
#708492
#708492
rgb(112,132,146)
-
#7b8e9a
#7b8e9a
rgb(123,142,154)
-
#8697a3
#8697a3
rgb(134,151,163)
-
#91a1ab
#91a1ab
rgb(145,161,171)
-
#9caab4
#9caab4
rgb(156,170,180)
-
#a7b4bc
#a7b4bc
rgb(167,180,188)
-
#b3bdc5
#b3bdc5
rgb(179,189,197)
-
#bec7cd
#bec7cd
rgb(190,199,205)
-
#c9d0d6
#c9d0d6
rgb(201,208,214)
-
#d4dade
#d4dade
rgb(212,218,222)
-
#dfe4e7
#dfe4e7
rgb(223,228,231)
-
#eaedef
#eaedef
rgb(234,237,239)
-
#f5f7f8
#f5f7f8
rgb(245,247,248)
Tones of #677a87
A tone is produced by adding gray to any pure hue. In this case, #70787e is the less saturated color, while #028dec is the most saturated one.
-
#70787e
#70787e
rgb(112,120,126)
-
#677a87
#677a87
rgb(103,122,135)
-
#5e7c90
#5e7c90
rgb(94,124,144)
-
#557d99
#557d99
rgb(85,125,153)
-
#4c7fa2
#4c7fa2
rgb(76,127,162)
-
#4281ac
#4281ac
rgb(66,129,172)
-
#3983b5
#3983b5
rgb(57,131,181)
-
#3084be
#3084be
rgb(48,132,190)
-
#2786c7
#2786c7
rgb(39,134,199)
-
#1e88d0
#1e88d0
rgb(30,136,208)
-
#1589d9
#1589d9
rgb(21,137,217)
-
#0b8be3
#0b8be3
rgb(11,139,227)
-
#028dec
#028dec
rgb(2,141,236)
Color Blindness Simulator
Below, you can see how #677a87 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.