#677bb4 Color Information
In a RGB color space, hex #677bb4 is composed of 40.4% red, 48.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 42.8% cyan, 31.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 224.4 degrees, a saturation of 33.9% and a lightness of 55.5%. #677bb4 color hex could be obtained by blending #cef6ff with #000069. Closest websafe color is: #6666cc.
-
- R 40
- G 48
- B 71
-
- C 43
- M 32
- Y 0
- K 29
● #677bb4 color description : Slightly desaturated blue.
#677bb4 Color Conversion
The hexadecimal color #677bb4 has RGB values of R:103, G:123, B:180 and CMYK values of C:0.43, M:0.32, Y:0, K:0.29. Its decimal value is 6781876.
Hex triplet | 677bb4 | #677bb4 |
---|---|---|
RGB Decimal | 103, 123, 180 | rgb(103,123,180) |
RGB Percent | 40.4, 48.2, 70.6 | rgb(40.4%,48.2%,70.6%) |
CMYK | 43, 32, 0, 29 | |
HSL | 224.4°, 33.9, 55.5 | hsl(224.4,33.9%,55.5%) |
HSV (or HSB) | 224.4°, 42.8, 70.6 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 52.224, 7.784, -32.446 |
---|---|
XYZ | 20.913, 20.344, 46.002 |
xyY | 0.24, 0.233, 20.344 |
CIE-LCH | 52.224, 33.366, 283.491 |
CIE-LUV | 52.224, -11.94, -50.104 |
Hunter-Lab | 45.104, 3.83, -28.897 |
Binary | 01100111, 01111011, 10110100 |
Color Schemes with #677bb4
Alternatives to #677bb4
Below, you can see some colors close to #677bb4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677bb4 Preview
This text has a font color of #677bb4.
<span style="color:#677bb4;">Text here</span>
This paragraph has a background color of #677bb4.
<p style="background-color:#677bb4;">Content here</p>
This element has a border color of #677bb4.
<div style="border:1px solid #677bb4;">Content here</div>
.text {color:#677bb4;}
.background {background-color:#677bb4;}
.border {border:1px solid #677bb4;}
Shades and Tints of #677bb4
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, #030406 is the darkest color, while #f7f8fb is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#090c13
#090c13
rgb(9,12,19)
-
#101420
#101420
rgb(16,20,32)
-
#161c2d
#161c2d
rgb(22,28,45)
-
#1d243a
#1d243a
rgb(29,36,58)
-
#232d47
#232d47
rgb(35,45,71)
-
#2a3554
#2a3554
rgb(42,53,84)
-
#303d62
#303d62
rgb(48,61,98)
-
#37456f
#37456f
rgb(55,69,111)
-
#3d4d7c
#3d4d7c
rgb(61,77,124)
-
#445689
#445689
rgb(68,86,137)
-
#4a5e96
#4a5e96
rgb(74,94,150)
-
#5166a3
#5166a3
rgb(81,102,163)
-
#5a70ae
#5a70ae
rgb(90,112,174)
-
#677bb4
#677bb4
rgb(103,123,180)
-
#7486ba
#7486ba
rgb(116,134,186)
-
#8192c1
#8192c1
rgb(129,146,193)
-
#8e9dc7
#8e9dc7
rgb(142,157,199)
-
#9ca9ce
#9ca9ce
rgb(156,169,206)
-
#a9b4d4
#a9b4d4
rgb(169,180,212)
-
#b6bfdb
#b6bfdb
rgb(182,191,219)
-
#c3cbe1
#c3cbe1
rgb(195,203,225)
-
#d0d6e8
#d0d6e8
rgb(208,214,232)
-
#dde2ee
#dde2ee
rgb(221,226,238)
-
#eaedf5
#eaedf5
rgb(234,237,245)
-
#f7f8fb
#f7f8fb
rgb(247,248,251)
Tones of #677bb4
A tone is produced by adding gray to any pure hue. In this case, #8a8c91 is the less saturated color, while #2159fa is the most saturated one.
-
#8a8c91
#8a8c91
rgb(138,140,145)
-
#81889a
#81889a
rgb(129,136,154)
-
#7883a3
#7883a3
rgb(120,131,163)
-
#707fab
#707fab
rgb(112,127,171)
-
#677bb4
#677bb4
rgb(103,123,180)
-
#5e77bd
#5e77bd
rgb(94,119,189)
-
#5673c5
#5673c5
rgb(86,115,197)
-
#4d6ece
#4d6ece
rgb(77,110,206)
-
#446ad7
#446ad7
rgb(68,106,215)
-
#3b66e0
#3b66e0
rgb(59,102,224)
-
#3362e8
#3362e8
rgb(51,98,232)
-
#2a5ef1
#2a5ef1
rgb(42,94,241)
-
#2159fa
#2159fa
rgb(33,89,250)
Color Blindness Simulator
Below, you can see how #677bb4 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.