#5678c5 color information
In a RGB color space, hex #5678c5 is composed of 33.7% red, 47.1% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 39.1% magenta, 0% yellow and 22.7% black. It has a hue angle of 221.6 degrees, a saturation of 48.9% and a lightness of 55.5%. #5678c5 color hex could be obtained by blending #acf0ff with #00008b. Closest websafe color is: #6666cc.
#5678c5 color conversion
The hexadecimal color #5678c5 has RGB values of R:86, G:120, B:197 and CMYK values of C:0.56, M:0.39, Y:0, K:0.23. Its decimal value is 5667013.
- Hex triplet 5678c5
#5678c5 - RGB Decimal 86, 120, 197
rgb(86,120,197) - RGB Percent 33.7, 47.1, 77.3
rgb(33.7%,47.1%,77.3%) - CMYK 56, 39, 0, 23
- HSL 221.6°, 48.9, 55.5
hsl(222,49%,55%) - HSV (or HSB) 221.6°, 56.3, 77.3
- Web Safe 6666cc
#6666cc
- CIE-LAB 51.2, 10.832, -43.887
- XYZ 20.63, 19.442, 55.486
- xyY 0.216, 0.203, 19.442
- CIE-LCH 51.2, 45.204, 283.864
- CIE-LUV 51.2, -16.946, -68.44
- Hunter-Lab 44.093, 6.355, -43.745
- Binary 01010110, 01111000, 11000101
Color Schemes with #5678c5
#5678c5 in action
This text has a font color of #5678c5.
<span style="color:#5678c5;">Text here</span>
This paragraph has a background color of #5678c5.
<p style="background-color:#5678c5;">Content here</p>
This element has a border color of #5678c5.
<div style="border:1px solid #5678c5;">Content here</div>
.text {color:#5678c5;}
.background {background-color:#5678c5;}
.border {border:1px solid #5678c5;}
Shades of #5678c5
- #020306 #020306
rgb(2,3,6) - #0c1323 #0c1323
rgb(12,19,35) - #162341 #162341
rgb(22,35,65) - #20335e #20335e
rgb(32,51,94) - #2a437b #2a437b
rgb(42,67,123) - #345398 #345398
rgb(52,83,152) - #3e63b5 #3e63b5
rgb(62,99,181) - #5678c5 #5678c5
rgb(86,120,197) - #738fcf #738fcf
rgb(115,143,207) - #90a7d9 #90a7d9
rgb(144,167,217) - #aebee3 #aebee3
rgb(174,190,227) - #cbd5ed #cbd5ed
rgb(203,213,237) - #e8edf7 #e8edf7
rgb(232,237,247)
Color Blindness Simulator
Below, you can see how #5678c5 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.
