#677b99 Color Information
In a RGB color space, hex #677b99 is composed of 40.4% red, 48.2% green and 60% blue. Whereas in a CMYK color space, it is composed of 32.7% cyan, 19.6% magenta, 0% yellow and 40% black. It has a hue angle of 216 degrees, a saturation of 19.7% and a lightness of 50.2%. #677b99 color hex could be obtained by blending #cef6ff with #000033. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 60
-
- C 33
- M 20
- Y 0
- K 40
● #677b99 color description : Mostly desaturated dark blue.
#677b99 Color Conversion
The hexadecimal color #677b99 has RGB values of R:103, G:123, B:153 and CMYK values of C:0.33, M:0.2, Y:0, K:0.4. Its decimal value is 6781849.
Hex triplet | 677b99 | #677b99 |
---|---|---|
RGB Decimal | 103, 123, 153 | rgb(103,123,153) |
RGB Percent | 40.4, 48.2, 60 | rgb(40.4%,48.2%,60%) |
CMYK | 33, 20, 0, 40 | |
HSL | 216°, 19.7, 50.2 | hsl(216,19.7%,50.2%) |
HSV (or HSB) | 216°, 32.7, 60 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.093, 0.181, -18.528 |
---|---|
XYZ | 18.425, 19.349, 32.899 |
xyY | 0.261, 0.274, 19.349 |
CIE-LCH | 51.093, 18.529, 270.559 |
CIE-LUV | 51.093, -11.236, -27.131 |
Hunter-Lab | 43.987, -2.209, -13.553 |
Binary | 01100111, 01111011, 10011001 |
Color Schemes with #677b99
Alternatives to #677b99
Below, you can see some colors close to #677b99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677b99 Preview
This text has a font color of #677b99.
<span style="color:#677b99;">Text here</span>
This paragraph has a background color of #677b99.
<p style="background-color:#677b99;">Content here</p>
This element has a border color of #677b99.
<div style="border:1px solid #677b99;">Content here</div>
.text {color:#677b99;}
.background {background-color:#677b99;}
.border {border:1px solid #677b99;}
Shades and Tints of #677b99
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, #000001 is the darkest color, while #f4f5f8 is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#080a0c
#080a0c
rgb(8,10,12)
-
#101318
#101318
rgb(16,19,24)
-
#181d24
#181d24
rgb(24,29,36)
-
#202630
#202630
rgb(32,38,48)
-
#28303b
#28303b
rgb(40,48,59)
-
#303947
#303947
rgb(48,57,71)
-
#384253
#384253
rgb(56,66,83)
-
#3f4c5f
#3f4c5f
rgb(63,76,95)
-
#47556a
#47556a
rgb(71,85,106)
-
#4f5f76
#4f5f76
rgb(79,95,118)
-
#576882
#576882
rgb(87,104,130)
-
#5f728d
#5f728d
rgb(95,114,141)
-
#677b99
#677b99
rgb(103,123,153)
-
#7385a1
#7385a1
rgb(115,133,161)
-
#7e8fa9
#7e8fa9
rgb(126,143,169)
-
#8a9ab1
#8a9ab1
rgb(138,154,177)
-
#96a4b9
#96a4b9
rgb(150,164,185)
-
#a2aec0
#a2aec0
rgb(162,174,192)
-
#adb8c8
#adb8c8
rgb(173,184,200)
-
#b9c2d0
#b9c2d0
rgb(185,194,208)
-
#c5cdd8
#c5cdd8
rgb(197,205,216)
-
#d1d7e0
#d1d7e0
rgb(209,215,224)
-
#dce1e8
#dce1e8
rgb(220,225,232)
-
#e8ebf0
#e8ebf0
rgb(232,235,240)
-
#f4f5f8
#f4f5f8
rgb(244,245,248)
Tones of #677b99
A tone is produced by adding gray to any pure hue. In this case, #7b7f85 is the less saturated color, while #0567fb is the most saturated one.
-
#7b7f85
#7b7f85
rgb(123,127,133)
-
#717d8f
#717d8f
rgb(113,125,143)
-
#677b99
#677b99
rgb(103,123,153)
-
#5d79a3
#5d79a3
rgb(93,121,163)
-
#5377ad
#5377ad
rgb(83,119,173)
-
#4a75b6
#4a75b6
rgb(74,117,182)
-
#4073c0
#4073c0
rgb(64,115,192)
-
#3671ca
#3671ca
rgb(54,113,202)
-
#2c6fd4
#2c6fd4
rgb(44,111,212)
-
#236ddd
#236ddd
rgb(35,109,221)
-
#196be7
#196be7
rgb(25,107,231)
-
#0f69f1
#0f69f1
rgb(15,105,241)
-
#0567fb
#0567fb
rgb(5,103,251)
Color Blindness Simulator
Below, you can see how #677b99 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.