#677b8b Color Information
In a RGB color space, hex #677b8b is composed of 40.4% red, 48.2% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 25.9% cyan, 11.5% magenta, 0% yellow and 45.5% black. It has a hue angle of 206.7 degrees, a saturation of 14.9% and a lightness of 47.5%. #677b8b color hex could be obtained by blending #cef6ff with #000017. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 55
-
- C 26
- M 12
- Y 0
- K 45
● #677b8b color description : Mostly desaturated dark blue.
#677b8b Color Conversion
The hexadecimal color #677b8b has RGB values of R:103, G:123, B:139 and CMYK values of C:0.26, M:0.12, Y:0, K:0.45. Its decimal value is 6781835.
Hex triplet | 677b8b | #677b8b |
---|---|---|
RGB Decimal | 103, 123, 139 | rgb(103,123,139) |
RGB Percent | 40.4, 48.2, 54.5 | rgb(40.4%,48.2%,54.5%) |
CMYK | 26, 12, 0, 45 | |
HSL | 206.7°, 14.9, 47.5 | hsl(206.7,14.9%,47.5%) |
HSV (or HSB) | 206.7°, 25.9, 54.5 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.585, -3.451, -11.099 |
---|---|
XYZ | 17.336, 18.913, 27.162 |
xyY | 0.273, 0.298, 18.913 |
CIE-LCH | 50.585, 11.623, 252.728 |
CIE-LUV | 50.585, -10.89, -15.35 |
Hunter-Lab | 43.489, -4.953, -6.588 |
Binary | 01100111, 01111011, 10001011 |
Color Schemes with #677b8b
Alternatives to #677b8b
Below, you can see some colors close to #677b8b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677b8b Preview
This text has a font color of #677b8b.
<span style="color:#677b8b;">Text here</span>
This paragraph has a background color of #677b8b.
<p style="background-color:#677b8b;">Content here</p>
This element has a border color of #677b8b.
<div style="border:1px solid #677b8b;">Content here</div>
.text {color:#677b8b;}
.background {background-color:#677b8b;}
.border {border:1px solid #677b8b;}
Shades and Tints of #677b8b
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)
-
#1c2126
#1c2126
rgb(28,33,38)
-
#242b31
#242b31
rgb(36,43,49)
-
#2d353c
#2d353c
rgb(45,53,60)
-
#353f47
#353f47
rgb(53,63,71)
-
#3d4953
#3d4953
rgb(61,73,83)
-
#46535e
#46535e
rgb(70,83,94)
-
#4e5d69
#4e5d69
rgb(78,93,105)
-
#566774
#566774
rgb(86,103,116)
-
#5f7180
#5f7180
rgb(95,113,128)
-
#677b8b
#677b8b
rgb(103,123,139)
-
#708595
#708595
rgb(112,133,149)
-
#7c8f9e
#7c8f9e
rgb(124,143,158)
-
#8798a6
#8798a6
rgb(135,152,166)
-
#92a2ae
#92a2ae
rgb(146,162,174)
-
#9dabb7
#9dabb7
rgb(157,171,183)
-
#a9b5bf
#a9b5bf
rgb(169,181,191)
-
#b4bfc7
#b4bfc7
rgb(180,191,199)
-
#bfc8d0
#bfc8d0
rgb(191,200,208)
-
#cad2d8
#cad2d8
rgb(202,210,216)
-
#d6dce0
#d6dce0
rgb(214,220,224)
-
#e1e5e9
#e1e5e9
rgb(225,229,233)
-
#eceff1
#eceff1
rgb(236,239,241)
-
#f8f9f9
#f8f9f9
rgb(248,249,249)
Tones of #677b8b
A tone is produced by adding gray to any pure hue. In this case, #707a82 is the less saturated color, while #0186f1 is the most saturated one.
-
#707a82
#707a82
rgb(112,122,130)
-
#677b8b
#677b8b
rgb(103,123,139)
-
#5e7c94
#5e7c94
rgb(94,124,148)
-
#547d9e
#547d9e
rgb(84,125,158)
-
#4b7ea7
#4b7ea7
rgb(75,126,167)
-
#427fb0
#427fb0
rgb(66,127,176)
-
#3880ba
#3880ba
rgb(56,128,186)
-
#2f81c3
#2f81c3
rgb(47,129,195)
-
#2682cc
#2682cc
rgb(38,130,204)
-
#1d83d5
#1d83d5
rgb(29,131,213)
-
#1384df
#1384df
rgb(19,132,223)
-
#0a85e8
#0a85e8
rgb(10,133,232)
-
#0186f1
#0186f1
rgb(1,134,241)
Color Blindness Simulator
Below, you can see how #677b8b 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.