#21564d color information
In a RGB color space, hex #21564d is composed of 12.9% red, 33.7% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 0% magenta, 10.5% yellow and 66.3% black. It has a hue angle of 169.8 degrees, a saturation of 44.5% and a lightness of 23.3%. #21564d color hex could be obtained by blending #42ac9a with #000000. Closest websafe color is: #336666.
#21564d color conversion
The hexadecimal color #21564d has RGB values of R:33, G:86, B:77 and CMYK values of C:0.62, M:0, Y:0.1, K:0.66. Its decimal value is 2184781.
- Hex triplet 21564d
#21564d - RGB Decimal 33, 86, 77
rgb(33,86,77) - RGB Percent 12.9, 33.7, 30.2
rgb(12.9%,33.7%,30.2%) - CMYK 62, 0, 10, 66
- HSL 169.8°, 44.5, 23.3
hsl(170,45%,23%) - HSV (or HSB) 169.8°, 61.6, 33.7
- Web Safe 336666
#336666
- CIE-LAB 32.95, -20.041, -0.036
- XYZ 5.294, 7.514, 8.192
- xyY 0.252, 0.358, 7.514
- CIE-LCH 32.95, 20.041, 180.102
- CIE-LUV 32.95, -21.127, 2.556
- Hunter-Lab 27.412, -13.498, 1.47
- Binary 00100001, 01010110, 01001101
Color Schemes with #21564d
#21564d in action
This text has a font color of #21564d.
<span style="color:#21564d;">Text here</span>
This paragraph has a background color of #21564d.
<p style="background-color:#21564d;">Content here</p>
This element has a border color of #21564d.
<div style="border:1px solid #21564d;">Content here</div>
.text {color:#21564d;}
.background {background-color:#21564d;}
.border {border:1px solid #21564d;}
Shades of #21564d
- #000101 #000101
rgb(0,1,1) - #0b1d1a #0b1d1a
rgb(11,29,26) - #163a34 #163a34
rgb(22,58,52) - #21564d #21564d
rgb(33,86,77) - #2c7266 #2c7266
rgb(44,114,102) - #378f80 #378f80
rgb(55,143,128) - #42ab99 #42ab99
rgb(66,171,153) - #56beac #56beac
rgb(86,190,172) - #72c9ba #72c9ba
rgb(114,201,186) - #8fd4c8 #8fd4c8
rgb(143,212,200) - #abdfd6 #abdfd6
rgb(171,223,214) - #c7eae4 #c7eae4
rgb(199,234,228) - #e4f4f2 #e4f4f2
rgb(228,244,242)
Color Blindness Simulator
Below, you can see how #21564d 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.
