#677b9a Color Information
In a RGB color space, hex #677b9a is composed of 40.4% red, 48.2% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 33.1% cyan, 20.1% magenta, 0% yellow and 39.6% black. It has a hue angle of 216.5 degrees, a saturation of 20.2% and a lightness of 50.4%. #677b9a color hex could be obtained by blending #cef6ff with #000035. Closest websafe color is: #666699.
-
- R 40
- G 48
- B 60
-
- C 33
- M 20
- Y 0
- K 40
● #677b9a color description : Mostly desaturated dark blue.
#677b9a Color Conversion
The hexadecimal color #677b9a has RGB values of R:103, G:123, B:154 and CMYK values of C:0.33, M:0.2, Y:0, K:0.4. Its decimal value is 6781850.
Hex triplet | 677b9a | #677b9a |
---|---|---|
RGB Decimal | 103, 123, 154 | rgb(103,123,154) |
RGB Percent | 40.4, 48.2, 60.4 | rgb(40.4%,48.2%,60.4%) |
CMYK | 33, 20, 0, 40 | |
HSL | 216.5°, 20.2, 50.4 | hsl(216.5,20.2%,50.4%) |
HSV (or HSB) | 216.5°, 33.1, 60.4 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 51.131, 0.449, -19.054 |
---|---|
XYZ | 18.508, 19.382, 33.336 |
xyY | 0.26, 0.272, 19.382 |
CIE-LCH | 51.131, 19.059, 271.35 |
CIE-LUV | 51.131, -11.261, -27.98 |
Hunter-Lab | 44.025, -2.003, -14.077 |
Binary | 01100111, 01111011, 10011010 |
Color Schemes with #677b9a
Alternatives to #677b9a
Below, you can see some colors close to #677b9a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677b9a Preview
This text has a font color of #677b9a.
<span style="color:#677b9a;">Text here</span>
This paragraph has a background color of #677b9a.
<p style="background-color:#677b9a;">Content here</p>
This element has a border color of #677b9a.
<div style="border:1px solid #677b9a;">Content here</div>
.text {color:#677b9a;}
.background {background-color:#677b9a;}
.border {border:1px solid #677b9a;}
Shades and Tints of #677b9a
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, #010101 is the darkest color, while #f4f6f8 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#090a0d
#090a0d
rgb(9,10,13)
-
#101419
#101419
rgb(16,20,25)
-
#181d25
#181d25
rgb(24,29,37)
-
#202630
#202630
rgb(32,38,48)
-
#28303c
#28303c
rgb(40,48,60)
-
#303948
#303948
rgb(48,57,72)
-
#384354
#384354
rgb(56,67,84)
-
#3f4c5f
#3f4c5f
rgb(63,76,95)
-
#47556b
#47556b
rgb(71,85,107)
-
#4f5f77
#4f5f77
rgb(79,95,119)
-
#576883
#576883
rgb(87,104,131)
-
#5f728f
#5f728f
rgb(95,114,143)
-
#677b9a
#677b9a
rgb(103,123,154)
-
#7385a2
#7385a2
rgb(115,133,162)
-
#7f8faa
#7f8faa
rgb(127,143,170)
-
#8a9ab1
#8a9ab1
rgb(138,154,177)
-
#96a4b9
#96a4b9
rgb(150,164,185)
-
#a2aec1
#a2aec1
rgb(162,174,193)
-
#aeb8c9
#aeb8c9
rgb(174,184,201)
-
#b9c3d1
#b9c3d1
rgb(185,195,209)
-
#c5cdd9
#c5cdd9
rgb(197,205,217)
-
#d1d7e0
#d1d7e0
rgb(209,215,224)
-
#dde1e8
#dde1e8
rgb(221,225,232)
-
#e9ecf0
#e9ecf0
rgb(233,236,240)
-
#f4f6f8
#f4f6f8
rgb(244,246,248)
Tones of #677b9a
A tone is produced by adding gray to any pure hue. In this case, #7a7f87 is the less saturated color, while #0666fb is the most saturated one.
-
#7a7f87
#7a7f87
rgb(122,127,135)
-
#717d90
#717d90
rgb(113,125,144)
-
#677b9a
#677b9a
rgb(103,123,154)
-
#5d79a4
#5d79a4
rgb(93,121,164)
-
#5477ad
#5477ad
rgb(84,119,173)
-
#4a75b7
#4a75b7
rgb(74,117,183)
-
#4073c1
#4073c1
rgb(64,115,193)
-
#3671cb
#3671cb
rgb(54,113,203)
-
#2d6ed4
#2d6ed4
rgb(45,110,212)
-
#236cde
#236cde
rgb(35,108,222)
-
#196ae8
#196ae8
rgb(25,106,232)
-
#0f68f2
#0f68f2
rgb(15,104,242)
-
#0666fb
#0666fb
rgb(6,102,251)
Color Blindness Simulator
Below, you can see how #677b9a 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.