#5677dd Color Information
In a RGB color space, hex #5677dd is composed of 33.7% red, 46.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 46.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 225.3 degrees, a saturation of 66.5% and a lightness of 60.2%. #5677dd color hex could be obtained by blending #aceeff with #0000bb. Closest websafe color is: #6666cc.
-
- R 34
- G 47
- B 87
-
- C 61
- M 46
- Y 0
- K 13
● #5677dd color description : Soft blue.
#5677dd Color Conversion
The hexadecimal color #5677dd has RGB values of R:86, G:119, B:221 and CMYK values of C:0.61, M:0.46, Y:0, K:0.13. Its decimal value is 5666781.
Hex triplet | 5677dd | #5677dd |
---|---|---|
RGB Decimal | 86, 119, 221 | rgb(86,119,221) |
RGB Percent | 33.7, 46.7, 86.7 | rgb(33.7%,46.7%,86.7%) |
CMYK | 61, 46, 0, 13 | |
HSL | 225.3°, 66.5, 60.2 | hsl(225.3,66.5%,60.2%) |
HSV (or HSB) | 225.3°, 61.1, 86.7 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 52.277, 19.447, -55.796 |
---|---|
XYZ | 23.483, 20.391, 71.101 |
xyY | 0.204, 0.177, 20.391 |
CIE-LCH | 52.277, 59.088, 289.216 |
CIE-LUV | 52.277, -16.815, -88.446 |
Hunter-Lab | 45.157, 13.802, -61.745 |
Binary | 01010110, 01110111, 11011101 |
Color Schemes with #5677dd
Alternatives to #5677dd
Below, you can see some colors close to #5677dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5677dd Preview
This text has a font color of #5677dd.
<span style="color:#5677dd;">Text here</span>
This paragraph has a background color of #5677dd.
<p style="background-color:#5677dd;">Content here</p>
This element has a border color of #5677dd.
<div style="border:1px solid #5677dd;">Content here</div>
.text {color:#5677dd;}
.background {background-color:#5677dd;}
.border {border:1px solid #5677dd;}
Shades and Tints of #5677dd
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, #02040b is the darkest color, while #f9fafe is the lightest one.
-
#02040b
#02040b
rgb(2,4,11)
-
#050b1b
#050b1b
rgb(5,11,27)
-
#09112b
#09112b
rgb(9,17,43)
-
#0c183c
#0c183c
rgb(12,24,60)
-
#0f1e4c
#0f1e4c
rgb(15,30,76)
-
#13255c
#13255c
rgb(19,37,92)
-
#162b6d
#162b6d
rgb(22,43,109)
-
#19327d
#19327d
rgb(25,50,125)
-
#1c388d
#1c388d
rgb(28,56,141)
-
#203e9e
#203e9e
rgb(32,62,158)
-
#2345ae
#2345ae
rgb(35,69,174)
-
#264bbe
#264bbe
rgb(38,75,190)
-
#2a52cf
#2a52cf
rgb(42,82,207)
-
#355dd6
#355dd6
rgb(53,93,214)
-
#466ada
#466ada
rgb(70,106,218)
-
#5677dd
#5677dd
rgb(86,119,221)
-
#6684e0
#6684e0
rgb(102,132,224)
-
#7791e4
#7791e4
rgb(119,145,228)
-
#879ee7
#879ee7
rgb(135,158,231)
-
#97acea
#97acea
rgb(151,172,234)
-
#a8b9ed
#a8b9ed
rgb(168,185,237)
-
#b8c6f1
#b8c6f1
rgb(184,198,241)
-
#c8d3f4
#c8d3f4
rgb(200,211,244)
-
#d9e0f7
#d9e0f7
rgb(217,224,247)
-
#e9edfb
#e9edfb
rgb(233,237,251)
-
#f9fafe
#f9fafe
rgb(249,250,254)
Tones of #5677dd
A tone is produced by adding gray to any pure hue. In this case, #94979f is the less saturated color, while #3767fc is the most saturated one.
-
#94979f
#94979f
rgb(148,151,159)
-
#8d93a6
#8d93a6
rgb(141,147,166)
-
#858fae
#858fae
rgb(133,143,174)
-
#7d8bb6
#7d8bb6
rgb(125,139,182)
-
#7587be
#7587be
rgb(117,135,190)
-
#6d83c6
#6d83c6
rgb(109,131,198)
-
#667fcd
#667fcd
rgb(102,127,205)
-
#5e7bd5
#5e7bd5
rgb(94,123,213)
-
#5677dd
#5677dd
rgb(86,119,221)
-
#4e73e5
#4e73e5
rgb(78,115,229)
-
#466fed
#466fed
rgb(70,111,237)
-
#3f6bf4
#3f6bf4
rgb(63,107,244)
-
#3767fc
#3767fc
rgb(55,103,252)
Color Blindness Simulator
Below, you can see how #5677dd 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.