#5872b4 color information
In a RGB color space, hex #5872b4 is composed of 34.5% red, 44.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 36.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 223 degrees, a saturation of 38% and a lightness of 52.5%. #5872b4 color hex could be obtained by blending #b0e4ff with #000069. Closest websafe color is: #6666cc.
#5872b4 color conversion
The hexadecimal color #5872b4 has RGB values of R:88, G:114, B:180 and CMYK values of C:0.51, M:0.37, Y:0, K:0.29. Its decimal value is 5796532.
- Hex triplet 5872b4
#5872b4 - RGB Decimal 88, 114, 180
rgb(88,114,180) - RGB Percent 34.5, 44.7, 70.6
rgb(34.5%,44.7%,70.6%) - CMYK 51, 37, 0, 29
- HSL 223°, 38, 52.5
hsl(223,38%,53%) - HSV (or HSB) 223°, 51.1, 70.6
- Web Safe 6666cc
#6666cc
- CIE-LAB 48.765, 9.445, -37.942
- XYZ 18.278, 17.404, 45.574
- xyY 0.225, 0.214, 17.404
- CIE-LCH 48.765, 39.1, 283.979
- CIE-LUV 48.765, -14.017, -58.236
- Hunter-Lab 41.718, 5.202, -35.567
- Binary 01011000, 01110010, 10110100
Color Schemes with #5872b4
#5872b4 in action
This text has a font color of #5872b4.
<span style="color:#5872b4;">Text here</span>
This paragraph has a background color of #5872b4.
<p style="background-color:#5872b4;">Content here</p>
This element has a border color of #5872b4.
<div style="border:1px solid #5872b4;">Content here</div>
.text {color:#5872b4;}
.background {background-color:#5872b4;}
.border {border:1px solid #5872b4;}
Shades of #5872b4
- #0a0e17 #0a0e17
rgb(10,14,23) - #161e32 #161e32
rgb(22,30,50) - #222e4d #222e4d
rgb(34,46,77) - #2f3f68 #2f3f68
rgb(47,63,104) - #3b4f83 #3b4f83
rgb(59,79,131) - #475f9e #475f9e
rgb(71,95,158) - #5872b4 #5872b4
rgb(88,114,180) - #7389c0 #7389c0
rgb(115,137,192) - #8ea0cc #8ea0cc
rgb(142,160,204) - #a9b7d8 #a9b7d8
rgb(169,183,216) - #c4cde5 #c4cde5
rgb(196,205,229) - #dfe4f1 #dfe4f1
rgb(223,228,241) - #fafbfd #fafbfd
rgb(250,251,253)
Color Blindness Simulator
Below, you can see how #5872b4 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.
