#677b9b Color Information
In a RGB color space, hex #677b9b is composed of 40.4% red, 48.2% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 33.5% cyan, 20.6% magenta, 0% yellow and 39.2% black. It has a hue angle of 216.9 degrees, a saturation of 20.6% and a lightness of 50.6%. #677b9b color hex could be obtained by blending #cef6ff with #000037. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 61
-
- C 34
- M 21
- Y 0
- K 39
● #677b9b color description : Mostly desaturated dark blue.
#677b9b Color Conversion
The hexadecimal color #677b9b has RGB values of R:103, G:123, B:155 and CMYK values of C:0.34, M:0.21, Y:0, K:0.39. Its decimal value is 6781851.
Hex triplet | 677b9b | #677b9b |
---|---|---|
RGB Decimal | 103, 123, 155 | rgb(103,123,155) |
RGB Percent | 40.4, 48.2, 60.8 | rgb(40.4%,48.2%,60.8%) |
CMYK | 34, 21, 0, 39 | |
HSL | 216.9°, 20.6, 50.6 | hsl(216.9,20.6%,50.6%) |
HSV (or HSB) | 216.9°, 33.5, 60.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.17, 0.719, -19.578 |
---|---|
XYZ | 18.592, 19.415, 33.777 |
xyY | 0.259, 0.27, 19.415 |
CIE-LCH | 51.17, 19.592, 272.102 |
CIE-LUV | 51.17, -11.287, -28.829 |
Hunter-Lab | 44.063, -1.795, -14.605 |
Binary | 01100111, 01111011, 10011011 |
Color Schemes with #677b9b
Alternatives to #677b9b
Below, you can see some colors close to #677b9b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677b9b Preview
This text has a font color of #677b9b.
<span style="color:#677b9b;">Text here</span>
This paragraph has a background color of #677b9b.
<p style="background-color:#677b9b;">Content here</p>
This element has a border color of #677b9b.
<div style="border:1px solid #677b9b;">Content here</div>
.text {color:#677b9b;}
.background {background-color:#677b9b;}
.border {border:1px solid #677b9b;}
Shades and Tints of #677b9b
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, #010102 is the darkest color, while #f5f6f8 is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#090b0e
#090b0e
rgb(9,11,14)
-
#111419
#111419
rgb(17,20,25)
-
#191d25
#191d25
rgb(25,29,37)
-
#202731
#202731
rgb(32,39,49)
-
#28303d
#28303d
rgb(40,48,61)
-
#303949
#303949
rgb(48,57,73)
-
#384355
#384355
rgb(56,67,85)
-
#3f4c60
#3f4c60
rgb(63,76,96)
-
#47556c
#47556c
rgb(71,85,108)
-
#4f5f78
#4f5f78
rgb(79,95,120)
-
#576884
#576884
rgb(87,104,132)
-
#5f7290
#5f7290
rgb(95,114,144)
-
#677b9b
#677b9b
rgb(103,123,155)
-
#7385a3
#7385a3
rgb(115,133,163)
-
#7f90ab
#7f90ab
rgb(127,144,171)
-
#8a9ab2
#8a9ab2
rgb(138,154,178)
-
#96a4ba
#96a4ba
rgb(150,164,186)
-
#a2aec2
#a2aec2
rgb(162,174,194)
-
#aeb9ca
#aeb9ca
rgb(174,185,202)
-
#bac3d1
#bac3d1
rgb(186,195,209)
-
#c6cdd9
#c6cdd9
rgb(198,205,217)
-
#d1d7e1
#d1d7e1
rgb(209,215,225)
-
#dde2e9
#dde2e9
rgb(221,226,233)
-
#e9ecf1
#e9ecf1
rgb(233,236,241)
-
#f5f6f8
#f5f6f8
rgb(245,246,248)
Tones of #677b9b
A tone is produced by adding gray to any pure hue. In this case, #7a7f88 is the less saturated color, while #0665fc is the most saturated one.
-
#7a7f88
#7a7f88
rgb(122,127,136)
-
#717d91
#717d91
rgb(113,125,145)
-
#677b9b
#677b9b
rgb(103,123,155)
-
#5d79a5
#5d79a5
rgb(93,121,165)
-
#5477ae
#5477ae
rgb(84,119,174)
-
#4a74b8
#4a74b8
rgb(74,116,184)
-
#4072c2
#4072c2
rgb(64,114,194)
-
#3770cb
#3770cb
rgb(55,112,203)
-
#2d6ed5
#2d6ed5
rgb(45,110,213)
-
#236bdf
#236bdf
rgb(35,107,223)
-
#1969e9
#1969e9
rgb(25,105,233)
-
#1067f2
#1067f2
rgb(16,103,242)
-
#0665fc
#0665fc
rgb(6,101,252)
Color Blindness Simulator
Below, you can see how #677b9b 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.