#677c8b Color Information
In a RGB color space, hex #677c8b is composed of 40.4% red, 48.6% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 10.8% magenta, 0% yellow and 45.5% black. It has a hue angle of 205 degrees, a saturation of 14.9% and a lightness of 47.5%. #677c8b color hex could be obtained by blending #cef8ff with #000017. Closest websafe color is: #666699.
-
- R 40
- G 49
- B 55
-
- C 26
- M 11
- Y 0
- K 45
● #677c8b color description : Mostly desaturated dark blue.
#677c8b Color Conversion
The hexadecimal color #677c8b has RGB values of R:103, G:124, B:139 and CMYK values of C:0.26, M:0.11, Y:0, K:0.45. Its decimal value is 6782091.
Hex triplet | 677c8b | #677c8b |
---|---|---|
RGB Decimal | 103, 124, 139 | rgb(103,124,139) |
RGB Percent | 40.4, 48.6, 54.5 | rgb(40.4%,48.6%,54.5%) |
CMYK | 26, 11, 0, 45 | |
HSL | 205°, 14.9, 47.5 | hsl(205,14.9%,47.5%) |
HSV (or HSB) | 205°, 25.9, 54.5 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.877, -4.029, -10.661 |
---|---|
XYZ | 17.46, 19.162, 27.203 |
xyY | 0.274, 0.3, 19.162 |
CIE-LCH | 50.877, 11.396, 249.298 |
CIE-LUV | 50.877, -11.337, -14.637 |
Hunter-Lab | 43.775, -5.409, -6.203 |
Binary | 01100111, 01111100, 10001011 |
Color Schemes with #677c8b
Alternatives to #677c8b
Below, you can see some colors close to #677c8b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677c8b Preview
This text has a font color of #677c8b.
<span style="color:#677c8b;">Text here</span>
This paragraph has a background color of #677c8b.
<p style="background-color:#677c8b;">Content here</p>
This element has a border color of #677c8b.
<div style="border:1px solid #677c8b;">Content here</div>
.text {color:#677c8b;}
.background {background-color:#677c8b;}
.border {border:1px solid #677c8b;}
Shades and Tints of #677c8b
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, #030304 is the darkest color, while #f8f9f9 is the lightest one.
-
#030304
#030304
rgb(3,3,4)
-
#0b0d0f
#0b0d0f
rgb(11,13,15)
-
#14171a
#14171a
rgb(20,23,26)
-
#1c2226
#1c2226
rgb(28,34,38)
-
#242c31
#242c31
rgb(36,44,49)
-
#2d363c
#2d363c
rgb(45,54,60)
-
#354047
#354047
rgb(53,64,71)
-
#3d4a53
#3d4a53
rgb(61,74,83)
-
#46545e
#46545e
rgb(70,84,94)
-
#4e5e69
#4e5e69
rgb(78,94,105)
-
#566874
#566874
rgb(86,104,116)
-
#5f7280
#5f7280
rgb(95,114,128)
-
#677c8b
#677c8b
rgb(103,124,139)
-
#708695
#708695
rgb(112,134,149)
-
#7c8f9e
#7c8f9e
rgb(124,143,158)
-
#8799a6
#8799a6
rgb(135,153,166)
-
#92a3ae
#92a3ae
rgb(146,163,174)
-
#9dacb7
#9dacb7
rgb(157,172,183)
-
#a9b6bf
#a9b6bf
rgb(169,182,191)
-
#b4bfc7
#b4bfc7
rgb(180,191,199)
-
#bfc9d0
#bfc9d0
rgb(191,201,208)
-
#cad2d8
#cad2d8
rgb(202,210,216)
-
#d6dce0
#d6dce0
rgb(214,220,224)
-
#e1e6e9
#e1e6e9
rgb(225,230,233)
-
#eceff1
#eceff1
rgb(236,239,241)
-
#f8f9f9
#f8f9f9
rgb(248,249,249)
Tones of #677c8b
A tone is produced by adding gray to any pure hue. In this case, #707a82 is the less saturated color, while #018df1 is the most saturated one.
-
#707a82
#707a82
rgb(112,122,130)
-
#677c8b
#677c8b
rgb(103,124,139)
-
#5e7e94
#5e7e94
rgb(94,126,148)
-
#547f9e
#547f9e
rgb(84,127,158)
-
#4b81a7
#4b81a7
rgb(75,129,167)
-
#4282b0
#4282b0
rgb(66,130,176)
-
#3884ba
#3884ba
rgb(56,132,186)
-
#2f85c3
#2f85c3
rgb(47,133,195)
-
#2687cc
#2687cc
rgb(38,135,204)
-
#1d88d5
#1d88d5
rgb(29,136,213)
-
#138adf
#138adf
rgb(19,138,223)
-
#0a8ce8
#0a8ce8
rgb(10,140,232)
-
#018df1
#018df1
rgb(1,141,241)
Color Blindness Simulator
Below, you can see how #677c8b 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.