#2c2c30 color information
In a RGB color space, hex #2c2c30 is composed of 17.3% red, 17.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 8.3% cyan, 8.3% magenta, 0% yellow and 81.2% black. It has a hue angle of 240 degrees, a saturation of 4.3% and a lightness of 18%. #2c2c30 color hex could be obtained by blending #585860 with #000000. Closest websafe color is: #333333.
#2c2c30 color conversion
The hexadecimal color #2c2c30 has RGB values of R:44, G:44, B:48 and CMYK values of C:0.08, M:0.08, Y:0, K:0.81. Its decimal value is 2894896.
- Hex triplet 2c2c30
#2c2c30 - RGB Decimal 44, 44, 48
rgb(44,44,48) - RGB Percent 17.3, 17.3, 18.8
rgb(17.3%,17.3%,18.8%) - CMYK 8, 8, 0, 81
- HSL 240°, 4.3, 18
hsl(240,4%,18%) - HSV (or HSB) 240°, 8.3, 18.8
- Web Safe 333333
#333333
- CIE-LAB 18.144, 0.983, -2.58
- XYZ 2.473, 2.55, 3.158
- xyY 0.302, 0.312, 2.55
- CIE-LCH 18.144, 2.761, 290.847
- CIE-LUV 18.144, -0.19, -2.625
- Hunter-Lab 15.969, -0.307, -0.547
- Binary 00101100, 00101100, 00110000
Color Schemes with #2c2c30
#2c2c30 in action
This text has a font color of #2c2c30.
<span style="color:#2c2c30;">Text here</span>
This paragraph has a background color of #2c2c30.
<p style="background-color:#2c2c30;">Content here</p>
This element has a border color of #2c2c30.
<div style="border:1px solid #2c2c30;">Content here</div>
.text {color:#2c2c30;}
.background {background-color:#2c2c30;}
.border {border:1px solid #2c2c30;}
Shades of #2c2c30
- #060607 #060607
rgb(6,6,7) - #19191c #19191c
rgb(25,25,28) - #2c2c30 #2c2c30
rgb(44,44,48) - #3f3f44 #3f3f44
rgb(63,63,68) - #525259 #525259
rgb(82,82,89) - #64646d #64646d
rgb(100,100,109) - #777782 #777782
rgb(119,119,130) - #8b8b95 #8b8b95
rgb(139,139,149) - #a0a0a8 #a0a0a8
rgb(160,160,168) - #b4b4ba #b4b4ba
rgb(180,180,186) - #c9c9cd #c9c9cd
rgb(201,201,205) - #dddde0 #dddde0
rgb(221,221,224) - #f2f2f3 #f2f2f3
rgb(242,242,243)
Color Blindness Simulator
Below, you can see how #2c2c30 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.
