#677b8c Color Information
In a RGB color space, hex #677b8c is composed of 40.4% red, 48.2% green and 54.9% blue. Whereas in a CMYK color space, it is composed of 26.4% cyan, 12.1% magenta, 0% yellow and 45.1% black. It has a hue angle of 207.6 degrees, a saturation of 15.2% and a lightness of 47.6%. #677b8c color hex could be obtained by blending #cef6ff with #000019. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 55
-
- C 26
- M 12
- Y 0
- K 45
● #677b8c color description : Mostly desaturated dark blue.
#677b8c Color Conversion
The hexadecimal color #677b8c has RGB values of R:103, G:123, B:140 and CMYK values of C:0.26, M:0.12, Y:0, K:0.45. Its decimal value is 6781836.
Hex triplet | 677b8c | #677b8c |
---|---|---|
RGB Decimal | 103, 123, 140 | rgb(103,123,140) |
RGB Percent | 40.4, 48.2, 54.9 | rgb(40.4%,48.2%,54.9%) |
CMYK | 26, 12, 0, 45 | |
HSL | 207.6°, 15.2, 47.6 | hsl(207.6,15.2%,47.6%) |
HSV (or HSB) | 207.6°, 26.4, 54.9 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.62, -3.2, -11.634 |
---|---|
XYZ | 17.409, 18.942, 27.549 |
xyY | 0.272, 0.296, 18.942 |
CIE-LCH | 50.62, 12.066, 254.622 |
CIE-LUV | 50.62, -10.915, -16.184 |
Hunter-Lab | 43.523, -4.766, -7.062 |
Binary | 01100111, 01111011, 10001100 |
Color Schemes with #677b8c
Alternatives to #677b8c
Below, you can see some colors close to #677b8c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677b8c Preview
This text has a font color of #677b8c.
<span style="color:#677b8c;">Text here</span>
This paragraph has a background color of #677b8c.
<p style="background-color:#677b8c;">Content here</p>
This element has a border color of #677b8c.
<div style="border:1px solid #677b8c;">Content here</div>
.text {color:#677b8c;}
.background {background-color:#677b8c;}
.border {border:1px solid #677b8c;}
Shades and Tints of #677b8c
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, #030404 is the darkest color, while #f8f9fa is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0c0e10
#0c0e10
rgb(12,14,16)
-
#14181b
#14181b
rgb(20,24,27)
-
#1c2226
#1c2226
rgb(28,34,38)
-
#242c32
#242c32
rgb(36,44,50)
-
#2d353d
#2d353d
rgb(45,53,61)
-
#353f48
#353f48
rgb(53,63,72)
-
#3d4953
#3d4953
rgb(61,73,83)
-
#46535f
#46535f
rgb(70,83,95)
-
#4e5d6a
#4e5d6a
rgb(78,93,106)
-
#566775
#566775
rgb(86,103,117)
-
#5f7181
#5f7181
rgb(95,113,129)
-
#677b8c
#677b8c
rgb(103,123,140)
-
#708596
#708596
rgb(112,133,150)
-
#7c8f9e
#7c8f9e
rgb(124,143,158)
-
#8798a7
#8798a7
rgb(135,152,167)
-
#92a2af
#92a2af
rgb(146,162,175)
-
#9eacb7
#9eacb7
rgb(158,172,183)
-
#a9b5c0
#a9b5c0
rgb(169,181,192)
-
#b4bfc8
#b4bfc8
rgb(180,191,200)
-
#c0c9d0
#c0c9d0
rgb(192,201,208)
-
#cbd2d9
#cbd2d9
rgb(203,210,217)
-
#d6dce1
#d6dce1
rgb(214,220,225)
-
#e1e6e9
#e1e6e9
rgb(225,230,233)
-
#edeff2
#edeff2
rgb(237,239,242)
-
#f8f9fa
#f8f9fa
rgb(248,249,250)
Tones of #677b8c
A tone is produced by adding gray to any pure hue. In this case, #707a83 is the less saturated color, while #0083f3 is the most saturated one.
-
#707a83
#707a83
rgb(112,122,131)
-
#677b8c
#677b8c
rgb(103,123,140)
-
#5e7c95
#5e7c95
rgb(94,124,149)
-
#547d9f
#547d9f
rgb(84,125,159)
-
#4b7da8
#4b7da8
rgb(75,125,168)
-
#427eb1
#427eb1
rgb(66,126,177)
-
#387fbb
#387fbb
rgb(56,127,187)
-
#2f80c4
#2f80c4
rgb(47,128,196)
-
#2680cd
#2680cd
rgb(38,128,205)
-
#1c81d7
#1c81d7
rgb(28,129,215)
-
#1382e0
#1382e0
rgb(19,130,224)
-
#0a83e9
#0a83e9
rgb(10,131,233)
-
#0083f3
#0083f3
rgb(0,131,243)
Color Blindness Simulator
Below, you can see how #677b8c 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.