#5676c3 Color Information
In a RGB color space, hex #5676c3 is composed of 33.7% red, 46.3% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 39.5% magenta, 0% yellow and 23.5% black. It has a hue angle of 222.4 degrees, a saturation of 47.6% and a lightness of 55.1%. #5676c3 color hex could be obtained by blending #acecff with #000087. Closest websafe color is: #6666cc.
-
- R 34
- G 46
- B 76
-
- C 56
- M 39
- Y 0
- K 24
● #5676c3 color description : Moderate blue.
#5676c3 Color Conversion
The hexadecimal color #5676c3 has RGB values of R:86, G:118, B:195 and CMYK values of C:0.56, M:0.39, Y:0, K:0.24. Its decimal value is 5666499.
Hex triplet | 5676c3 | #5676c3 |
---|---|---|
RGB Decimal | 86, 118, 195 | rgb(86,118,195) |
RGB Percent | 33.7, 46.3, 76.5 | rgb(33.7%,46.3%,76.5%) |
CMYK | 56, 39, 0, 24 | |
HSL | 222.4°, 47.6, 55.1 | hsl(222.4,47.6%,55.1%) |
HSV (or HSB) | 222.4°, 55.9, 76.5 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 50.54, 11.398, -43.788 |
---|---|
XYZ | 20.164, 18.874, 54.207 |
xyY | 0.216, 0.202, 18.874 |
CIE-LCH | 50.54, 45.247, 284.59 |
CIE-LUV | 50.54, -16.241, -68.154 |
Hunter-Lab | 43.445, 6.821, -43.567 |
Binary | 01010110, 01110110, 11000011 |
Color Schemes with #5676c3
Alternatives to #5676c3
Below, you can see some colors close to #5676c3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5676c3 Preview
This text has a font color of #5676c3.
<span style="color:#5676c3;">Text here</span>
This paragraph has a background color of #5676c3.
<p style="background-color:#5676c3;">Content here</p>
This element has a border color of #5676c3.
<div style="border:1px solid #5676c3;">Content here</div>
.text {color:#5676c3;}
.background {background-color:#5676c3;}
.border {border:1px solid #5676c3;}
Shades and Tints of #5676c3
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, #020305 is the darkest color, while #f5f7fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070a13
#070a13
rgb(7,10,19)
-
#0c1222
#0c1222
rgb(12,18,34)
-
#111a30
#111a30
rgb(17,26,48)
-
#16223f
#16223f
rgb(22,34,63)
-
#1b2a4d
#1b2a4d
rgb(27,42,77)
-
#21325c
#21325c
rgb(33,50,92)
-
#263a6a
#263a6a
rgb(38,58,106)
-
#2b4279
#2b4279
rgb(43,66,121)
-
#304987
#304987
rgb(48,73,135)
-
#355195
#355195
rgb(53,81,149)
-
#3a59a4
#3a59a4
rgb(58,89,164)
-
#3f61b2
#3f61b2
rgb(63,97,178)
-
#486abe
#486abe
rgb(72,106,190)
-
#5676c3
#5676c3
rgb(86,118,195)
-
#6482c8
#6482c8
rgb(100,130,200)
-
#738dcd
#738dcd
rgb(115,141,205)
-
#8199d2
#8199d2
rgb(129,153,210)
-
#90a5d8
#90a5d8
rgb(144,165,216)
-
#9eb1dd
#9eb1dd
rgb(158,177,221)
-
#adbce2
#adbce2
rgb(173,188,226)
-
#bbc8e7
#bbc8e7
rgb(187,200,231)
-
#cad4ec
#cad4ec
rgb(202,212,236)
-
#d8e0f1
#d8e0f1
rgb(216,224,241)
-
#e7ebf6
#e7ebf6
rgb(231,235,246)
-
#f5f7fc
#f5f7fc
rgb(245,247,252)
Tones of #5676c3
A tone is produced by adding gray to any pure hue. In this case, #8b8c8e is the less saturated color, while #2160f8 is the most saturated one.
-
#8b8c8e
#8b8c8e
rgb(139,140,142)
-
#828897
#828897
rgb(130,136,151)
-
#7985a0
#7985a0
rgb(121,133,160)
-
#7081a9
#7081a9
rgb(112,129,169)
-
#687db1
#687db1
rgb(104,125,177)
-
#5f7aba
#5f7aba
rgb(95,122,186)
-
#5676c3
#5676c3
rgb(86,118,195)
-
#4d72cc
#4d72cc
rgb(77,114,204)
-
#446fd5
#446fd5
rgb(68,111,213)
-
#3c6bdd
#3c6bdd
rgb(60,107,221)
-
#3367e6
#3367e6
rgb(51,103,230)
-
#2a64ef
#2a64ef
rgb(42,100,239)
-
#2160f8
#2160f8
rgb(33,96,248)
Color Blindness Simulator
Below, you can see how #5676c3 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.