#4d5a81 color information
In a RGB color space, hex #4d5a81 is composed of 30.2% red, 35.3% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 30.2% magenta, 0% yellow and 49.4% black. It has a hue angle of 225 degrees, a saturation of 25.2% and a lightness of 40.4%. #4d5a81 color hex could be obtained by blending #9ab4ff with #000003. Closest websafe color is: #666699.
#4d5a81 color conversion
The hexadecimal color #4d5a81 has RGB values of R:77, G:90, B:129 and CMYK values of C:0.4, M:0.3, Y:0, K:0.49. Its decimal value is 5069441.
- Hex triplet 4d5a81
#4d5a81 - RGB Decimal 77, 90, 129
rgb(77,90,129) - RGB Percent 30.2, 35.3, 50.6
rgb(30.2%,35.3%,50.6%) - CMYK 40, 30, 0, 49
- HSL 225°, 25.2, 40.4
hsl(225,25%,40%) - HSV (or HSB) 225°, 40.3, 50.6
- Web Safe 666699
#666699
- CIE-LAB 38.681, 5.568, -23.483
- XYZ 10.678, 10.475, 22.227
- xyY 0.246, 0.241, 10.475
- CIE-LCH 38.681, 24.134, 283.339
- CIE-LUV 38.681, -7.884, -33.333
- Hunter-Lab 32.365, 2.256, -18.063
- Binary 01001101, 01011010, 10000001
Color Schemes with #4d5a81
#4d5a81 in action
This text has a font color of #4d5a81.
<span style="color:#4d5a81;">Text here</span>
This paragraph has a background color of #4d5a81.
<p style="background-color:#4d5a81;">Content here</p>
This element has a border color of #4d5a81.
<div style="border:1px solid #4d5a81;">Content here</div>
.text {color:#4d5a81;}
.background {background-color:#4d5a81;}
.border {border:1px solid #4d5a81;}
Shades of #4d5a81
- #040406 #040406
rgb(4,4,6) - #12151f #12151f
rgb(18,21,31) - #212737 #212737
rgb(33,39,55) - #303850 #303850
rgb(48,56,80) - #3e4968 #3e4968
rgb(62,73,104) - #4d5a81 #4d5a81
rgb(77,90,129) - #5c6b9a #5c6b9a
rgb(92,107,154) - #7280ab #7280ab
rgb(114,128,171) - #8a96b9 #8a96b9
rgb(138,150,185) - #a3acc8 #a3acc8
rgb(163,172,200) - #bbc2d7 #bbc2d7
rgb(187,194,215) - #d4d8e5 #d4d8e5
rgb(212,216,229) - #edeef4 #edeef4
rgb(237,238,244)
Color Blindness Simulator
Below, you can see how #4d5a81 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.
