#2c2656 color information
In a RGB color space, hex #2c2656 is composed of 17.3% red, 14.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 55.8% magenta, 0% yellow and 66.3% black. It has a hue angle of 247.5 degrees, a saturation of 38.7% and a lightness of 24.3%. #2c2656 color hex could be obtained by blending #584cac with #000000. Closest websafe color is: #333366.
#2c2656 color conversion
The hexadecimal color #2c2656 has RGB values of R:44, G:38, B:86 and CMYK values of C:0.49, M:0.56, Y:0, K:0.66. Its decimal value is 2893398.
- Hex triplet 2c2656
#2c2656 - RGB Decimal 44, 38, 86
rgb(44,38,86) - RGB Percent 17.3, 14.9, 33.7
rgb(17.3%,14.9%,33.7%) - CMYK 49, 56, 0, 66
- HSL 247.5°, 38.7, 24.3
hsl(248,39%,24%) - HSV (or HSB) 247.5°, 55.8, 33.7
- Web Safe 333366
#333366
- CIE-LAB 18.336, 16.926, -28.32
- XYZ 3.411, 2.594, 9.124
- xyY 0.225, 0.171, 2.594
- CIE-LCH 18.336, 32.993, 300.866
- CIE-LUV 18.336, -0.486, -31.796
- Hunter-Lab 16.104, 9.627, -22.32
- Binary 00101100, 00100110, 01010110
Color Schemes with #2c2656
#2c2656 in action
This text has a font color of #2c2656.
<span style="color:#2c2656;">Text here</span>
This paragraph has a background color of #2c2656.
<p style="background-color:#2c2656;">Content here</p>
This element has a border color of #2c2656.
<div style="border:1px solid #2c2656;">Content here</div>
.text {color:#2c2656;}
.background {background-color:#2c2656;}
.border {border:1px solid #2c2656;}
Shades of #2c2656
- #020204 #020204
rgb(2,2,4) - #100e20 #100e20
rgb(16,14,32) - #1e1a3b #1e1a3b
rgb(30,26,59) - #2c2656 #2c2656
rgb(44,38,86) - #3a3271 #3a3271
rgb(58,50,113) - #483e8c #483e8c
rgb(72,62,140) - #564aa8 #564aa8
rgb(86,74,168) - #6b60b9 #6b60b9
rgb(107,96,185) - #857bc5 #857bc5
rgb(133,123,197) - #9e97d1 #9e97d1
rgb(158,151,209) - #b7b2dd #b7b2dd
rgb(183,178,221) - #d0cde9 #d0cde9
rgb(208,205,233) - #eae8f5 #eae8f5
rgb(234,232,245)
Color Blindness Simulator
Below, you can see how #2c2656 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.
