#553c40 color information
In a RGB color space, hex #553c40 is composed of 33.3% red, 23.5% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 24.7% yellow and 66.7% black. It has a hue angle of 350.4 degrees, a saturation of 17.2% and a lightness of 28.4%. #553c40 color hex could be obtained by blending #aa7880 with #000000. Closest websafe color is: #663333.
#553c40 color conversion
The hexadecimal color #553c40 has RGB values of R:85, G:60, B:64 and CMYK values of C:0, M:0.29, Y:0.25, K:0.67. Its decimal value is 5585984.
- Hex triplet 553c40
#553c40 - RGB Decimal 85, 60, 64
rgb(85,60,64) - RGB Percent 33.3, 23.5, 25.1
rgb(33.3%,23.5%,25.1%) - CMYK 0, 29, 25, 67
- HSL 350.4°, 17.2, 28.4
hsl(350,17%,28%) - HSV (or HSB) 350.4°, 29.4, 33.3
- Web Safe 663333
#663333
- CIE-LAB 28.203, 11.685, 1.893
- XYZ 6.288, 5.533, 5.587
- xyY 0.361, 0.318, 5.533
- CIE-LCH 28.203, 11.837, 9.202
- CIE-LUV 28.203, 14.414, 0.462
- Hunter-Lab 23.523, 6.546, 2.384
- Binary 01010101, 00111100, 01000000
Color Schemes with #553c40
#553c40 in action
This text has a font color of #553c40.
<span style="color:#553c40;">Text here</span>
This paragraph has a background color of #553c40.
<p style="background-color:#553c40;">Content here</p>
This element has a border color of #553c40.
<div style="border:1px solid #553c40;">Content here</div>
.text {color:#553c40;}
.background {background-color:#553c40;}
.border {border:1px solid #553c40;}
Shades of #553c40
- #100b0c #100b0c
rgb(16,11,12) - #271c1d #271c1d
rgb(39,28,29) - #3e2c2f #3e2c2f
rgb(62,44,47) - #553c40 #553c40
rgb(85,60,64) - #6c4c51 #6c4c51
rgb(108,76,81) - #835c63 #835c63
rgb(131,92,99) - #996e75 #996e75
rgb(153,110,117) - #a9858b #a9858b
rgb(169,133,139) - #b99ca1 #b99ca1
rgb(185,156,161) - #c9b3b7 #c9b3b7
rgb(201,179,183) - #dacacd #dacacd
rgb(218,202,205) - #eae1e2 #eae1e2
rgb(234,225,226) - #faf8f8 #faf8f8
rgb(250,248,248)
Color Blindness Simulator
Below, you can see how #553c40 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.
