#677f88 Color Information
In a RGB color space, hex #677f88 is composed of 40.4% red, 49.8% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 6.6% magenta, 0% yellow and 46.7% black. It has a hue angle of 196.4 degrees, a saturation of 13.8% and a lightness of 46.9%. #677f88 color hex could be obtained by blending #cefeff with #000011. Closest websafe color is: #666699.
-
- R 40
- G 50
- B 53
-
- C 24
- M 7
- Y 0
- K 47
● #677f88 color description : Dark grayish blue.
#677f88 Color Conversion
The hexadecimal color #677f88 has RGB values of R:103, G:127, B:136 and CMYK values of C:0.24, M:0.07, Y:0, K:0.47. Its decimal value is 6782856.
Hex triplet | 677f88 | #677f88 |
---|---|---|
RGB Decimal | 103, 127, 136 | rgb(103,127,136) |
RGB Percent | 40.4, 49.8, 53.3 | rgb(40.4%,49.8%,53.3%) |
CMYK | 24, 7, 0, 47 | |
HSL | 196.4°, 13.8, 46.9 | hsl(196.4,13.8%,46.9%) |
HSV (or HSB) | 196.4°, 24.3, 53.3 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.655, -6.489, -7.738 |
---|---|
XYZ | 17.626, 19.839, 26.192 |
xyY | 0.277, 0.312, 19.839 |
CIE-LCH | 51.655, 10.098, 230.017 |
CIE-LUV | 51.655, -12.627, -10.015 |
Hunter-Lab | 44.541, -7.312, -3.686 |
Binary | 01100111, 01111111, 10001000 |
Color Schemes with #677f88
Alternatives to #677f88
Below, you can see some colors close to #677f88. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677f88 Preview
This text has a font color of #677f88.
<span style="color:#677f88;">Text here</span>
This paragraph has a background color of #677f88.
<p style="background-color:#677f88;">Content here</p>
This element has a border color of #677f88.
<div style="border:1px solid #677f88;">Content here</div>
.text {color:#677f88;}
.background {background-color:#677f88;}
.border {border:1px solid #677f88;}
Shades and Tints of #677f88
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, #020202 is the darkest color, while #f6f8f8 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0a0c0d
#0a0c0d
rgb(10,12,13)
-
#121718
#121718
rgb(18,23,24)
-
#1b2124
#1b2124
rgb(27,33,36)
-
#232c2f
#232c2f
rgb(35,44,47)
-
#2c363a
#2c363a
rgb(44,54,58)
-
#344045
#344045
rgb(52,64,69)
-
#3d4b50
#3d4b50
rgb(61,75,80)
-
#45555b
#45555b
rgb(69,85,91)
-
#4e6067
#4e6067
rgb(78,96,103)
-
#566a72
#566a72
rgb(86,106,114)
-
#5f757d
#5f757d
rgb(95,117,125)
-
#677f88
#677f88
rgb(103,127,136)
-
#708993
#708993
rgb(112,137,147)
-
#7b929b
#7b929b
rgb(123,146,155)
-
#869ca4
#869ca4
rgb(134,156,164)
-
#91a5ac
#91a5ac
rgb(145,165,172)
-
#9daeb4
#9daeb4
rgb(157,174,180)
-
#a8b7bd
#a8b7bd
rgb(168,183,189)
-
#b3c0c5
#b3c0c5
rgb(179,192,197)
-
#becace
#becace
rgb(190,202,206)
-
#c9d3d6
#c9d3d6
rgb(201,211,214)
-
#d4dcdf
#d4dcdf
rgb(212,220,223)
-
#e0e5e7
#e0e5e7
rgb(224,229,231)
-
#ebeef0
#ebeef0
rgb(235,238,240)
-
#f6f8f8
#f6f8f8
rgb(246,248,248)
Tones of #677f88
A tone is produced by adding gray to any pure hue. In this case, #707b7f is the less saturated color, while #02aded is the most saturated one.
-
#707b7f
#707b7f
rgb(112,123,127)
-
#677f88
#677f88
rgb(103,127,136)
-
#5e8391
#5e8391
rgb(94,131,145)
-
#55879a
#55879a
rgb(85,135,154)
-
#4b8ca4
#4b8ca4
rgb(75,140,164)
-
#4290ad
#4290ad
rgb(66,144,173)
-
#3994b6
#3994b6
rgb(57,148,182)
-
#3098bf
#3098bf
rgb(48,152,191)
-
#279cc8
#279cc8
rgb(39,156,200)
-
#1da0d2
#1da0d2
rgb(29,160,210)
-
#14a5db
#14a5db
rgb(20,165,219)
-
#0ba9e4
#0ba9e4
rgb(11,169,228)
-
#02aded
#02aded
rgb(2,173,237)
Color Blindness Simulator
Below, you can see how #677f88 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.