#5c71a1 color information
In a RGB color space, hex #5c71a1 is composed of 36.1% red, 44.3% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 29.8% magenta, 0% yellow and 36.9% black. It has a hue angle of 221.7 degrees, a saturation of 27.3% and a lightness of 49.6%. #5c71a1 color hex could be obtained by blending #b8e2ff with #000043. Closest websafe color is: #666699.
#5c71a1 color conversion
The hexadecimal color #5c71a1 has RGB values of R:92, G:113, B:161 and CMYK values of C:0.43, M:0.3, Y:0, K:0.37. Its decimal value is 6058401.
- Hex triplet 5c71a1
#5c71a1 - RGB Decimal 92, 113, 161
rgb(92,113,161) - RGB Percent 36.1, 44.3, 63.1
rgb(36.1%,44.3%,63.1%) - CMYK 43, 30, 0, 37
- HSL 221.7°, 27.3, 49.6
hsl(222,27%,50%) - HSV (or HSB) 221.7°, 42.9, 63.1
- Web Safe 666699
#666699
- CIE-LAB 47.826, 5.214, -28.314
- XYZ 16.75, 16.658, 36.049
- xyY 0.241, 0.24, 16.658
- CIE-LCH 47.826, 28.79, 280.434
- CIE-LUV 47.826, -11.85, -42.462
- Hunter-Lab 40.814, 1.832, -23.797
- Binary 01011100, 01110001, 10100001
Color Schemes with #5c71a1
#5c71a1 in action
This text has a font color of #5c71a1.
<span style="color:#5c71a1;">Text here</span>
This paragraph has a background color of #5c71a1.
<p style="background-color:#5c71a1;">Content here</p>
This element has a border color of #5c71a1.
<div style="border:1px solid #5c71a1;">Content here</div>
.text {color:#5c71a1;}
.background {background-color:#5c71a1;}
.border {border:1px solid #5c71a1;}
Shades of #5c71a1
- #06080b #06080b
rgb(6,8,11) - #151924 #151924
rgb(21,25,36) - #232b3d #232b3d
rgb(35,43,61) - #313c56 #313c56
rgb(49,60,86) - #3f4e6f #3f4e6f
rgb(63,78,111) - #4e5f88 #4e5f88
rgb(78,95,136) - #5c71a1 #5c71a1
rgb(92,113,161) - #7486b0 #7486b0
rgb(116,134,176) - #8d9cbe #8d9cbe
rgb(141,156,190) - #a6b2cc #a6b2cc
rgb(166,178,204) - #bfc8db #bfc8db
rgb(191,200,219) - #d8dde9 #d8dde9
rgb(216,221,233) - #f1f3f7 #f1f3f7
rgb(241,243,247)
Color Blindness Simulator
Below, you can see how #5c71a1 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.
