#5676ea Color Information
In a RGB color space, hex #5676ea is composed of 33.7% red, 46.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 49.6% magenta, 0% yellow and 8.2% black. It has a hue angle of 227 degrees, a saturation of 77.9% and a lightness of 62.7%. #5676ea color hex could be obtained by blending #acecff with #0000d5. Closest websafe color is: #6666ff.
-
- R 34
- G 46
- B 92
-
- C 63
- M 50
- Y 0
- K 8
● #5676ea color description : Soft blue.
#5676ea Color Conversion
The hexadecimal color #5676ea has RGB values of R:86, G:118, B:234 and CMYK values of C:0.63, M:0.5, Y:0, K:0.08. Its decimal value is 5666538.
Hex triplet | 5676ea | #5676ea |
---|---|---|
RGB Decimal | 86, 118, 234 | rgb(86,118,234) |
RGB Percent | 33.7, 46.3, 91.8 | rgb(33.7%,46.3%,91.8%) |
CMYK | 63, 50, 0, 8 | |
HSL | 227°, 77.9, 62.7 | hsl(227,77.9%,62.7%) |
HSV (or HSB) | 227°, 63.2, 91.8 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.812, 24.457, -62.235 |
---|---|
XYZ | 25.164, 20.874, 80.54 |
xyY | 0.199, 0.165, 20.874 |
CIE-LCH | 52.812, 66.868, 291.454 |
CIE-LUV | 52.812, -16.658, -99.116 |
Hunter-Lab | 45.688, 18.36, -72.535 |
Binary | 01010110, 01110110, 11101010 |
Color Schemes with #5676ea
Alternatives to #5676ea
Below, you can see some colors close to #5676ea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5676ea Preview
This text has a font color of #5676ea.
<span style="color:#5676ea;">Text here</span>
This paragraph has a background color of #5676ea.
<p style="background-color:#5676ea;">Content here</p>
This element has a border color of #5676ea.
<div style="border:1px solid #5676ea;">Content here</div>
.text {color:#5676ea;}
.background {background-color:#5676ea;}
.border {border:1px solid #5676ea;}
Shades and Tints of #5676ea
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, #010205 is the darkest color, while #f3f5fe is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#030717
#030717
rgb(3,7,23)
-
#050d28
#050d28
rgb(5,13,40)
-
#07123a
#07123a
rgb(7,18,58)
-
#09184b
#09184b
rgb(9,24,75)
-
#0c1d5d
#0c1d5d
rgb(12,29,93)
-
#0e236e
#0e236e
rgb(14,35,110)
-
#102880
#102880
rgb(16,40,128)
-
#122d91
#122d91
rgb(18,45,145)
-
#1433a3
#1433a3
rgb(20,51,163)
-
#1638b4
#1638b4
rgb(22,56,180)
-
#193ec5
#193ec5
rgb(25,62,197)
-
#1b43d7
#1b43d7
rgb(27,67,215)
-
#224ce3
#224ce3
rgb(34,76,227)
-
#335ae6
#335ae6
rgb(51,90,230)
-
#4568e8
#4568e8
rgb(69,104,232)
-
#5676ea
#5676ea
rgb(86,118,234)
-
#6784ec
#6784ec
rgb(103,132,236)
-
#7992ee
#7992ee
rgb(121,146,238)
-
#8aa0f1
#8aa0f1
rgb(138,160,241)
-
#9caff3
#9caff3
rgb(156,175,243)
-
#adbdf5
#adbdf5
rgb(173,189,245)
-
#bfcbf7
#bfcbf7
rgb(191,203,247)
-
#d0d9f9
#d0d9f9
rgb(208,217,249)
-
#e2e7fb
#e2e7fb
rgb(226,231,251)
-
#f3f5fe
#f3f5fe
rgb(243,245,254)
Tones of #5676ea
A tone is produced by adding gray to any pure hue. In this case, #9f9fa1 is the less saturated color, while #476ef9 is the most saturated one.
-
#9f9fa1
#9f9fa1
rgb(159,159,161)
-
#989ba8
#989ba8
rgb(152,155,168)
-
#9097b0
#9097b0
rgb(144,151,176)
-
#8993b7
#8993b7
rgb(137,147,183)
-
#828fbe
#828fbe
rgb(130,143,190)
-
#7b8bc5
#7b8bc5
rgb(123,139,197)
-
#7387cd
#7387cd
rgb(115,135,205)
-
#6c82d4
#6c82d4
rgb(108,130,212)
-
#657edb
#657edb
rgb(101,126,219)
-
#5d7ae3
#5d7ae3
rgb(93,122,227)
-
#5676ea
#5676ea
rgb(86,118,234)
-
#4f72f1
#4f72f1
rgb(79,114,241)
-
#476ef9
#476ef9
rgb(71,110,249)
Color Blindness Simulator
Below, you can see how #5676ea 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.