#574b63 color information
In a RGB color space, hex #574b63 is composed of 34.1% red, 29.4% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 12.1% cyan, 24.2% magenta, 0% yellow and 61.2% black. It has a hue angle of 270 degrees, a saturation of 13.8% and a lightness of 34.1%. #574b63 color hex could be obtained by blending #ae96c6 with #000000. Closest websafe color is: #663366.
#574b63 color conversion
The hexadecimal color #574b63 has RGB values of R:87, G:75, B:99 and CMYK values of C:0.12, M:0.24, Y:0, K:0.61. Its decimal value is 5720931.
- Hex triplet 574b63
#574b63 - RGB Decimal 87, 75, 99
rgb(87,75,99) - RGB Percent 34.1, 29.4, 38.8
rgb(34.1%,29.4%,38.8%) - CMYK 12, 24, 0, 61
- HSL 270°, 13.8, 34.1
hsl(270,14%,34%) - HSV (or HSB) 270°, 24.2, 38.8
- Web Safe 663366
#663366
- CIE-LAB 33.898, 10.244, -12.152
- XYZ 8.698, 7.959, 12.882
- xyY 0.294, 0.269, 7.959
- CIE-LCH 33.898, 15.893, 310.131
- CIE-LUV 33.898, 4.775, -17.056
- Hunter-Lab 28.212, 5.663, -7.323
- Binary 01010111, 01001011, 01100011
Color Schemes with #574b63
#574b63 in action
This text has a font color of #574b63.
<span style="color:#574b63;">Text here</span>
This paragraph has a background color of #574b63.
<p style="background-color:#574b63;">Content here</p>
This element has a border color of #574b63.
<div style="border:1px solid #574b63;">Content here</div>
.text {color:#574b63;}
.background {background-color:#574b63;}
.border {border:1px solid #574b63;}
Shades of #574b63
- #09070a #09070a
rgb(9,7,10) - #1c1820 #1c1820
rgb(28,24,32) - #302936 #302936
rgb(48,41,54) - #433a4d #433a4d
rgb(67,58,77) - #574b63 #574b63
rgb(87,75,99) - #6b5c79 #6b5c79
rgb(107,92,121) - #7e6d90 #7e6d90
rgb(126,109,144) - #9283a1 #9283a1
rgb(146,131,161) - #a599b2 #a599b2
rgb(165,153,178) - #b9afc3 #b9afc3
rgb(185,175,195) - #cdc6d4 #cdc6d4
rgb(205,198,212) - #e0dce5 #e0dce5
rgb(224,220,229) - #f4f2f5 #f4f2f5
rgb(244,242,245)
Color Blindness Simulator
Below, you can see how #574b63 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.
