#33222f hex color

In a RGB color space, hex #33222f is composed of 20% red, 13.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.3% magenta, 7.8% yellow and 80% black. It has a hue angle of 314.1 degrees, a saturation of 20% and a lightness of 16.7%. #33222f color hex could be obtained by blending #66445e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 13
- B 18
RGB color chart
- C 0
- M 33
- Y 8
- K 80
CMYK color chart

● #33222f color description : Very dark grayish magenta.

The hexadecimal color #33222f has RGB values of R:51, G:34, B:47 and CMYK values of C:0, M:0.33, Y:0.08, K:0.8. Its decimal value is 3351087.

Hex triplet	33222f	`#33222f`
RGB Decimal	51, 34, 47	`rgb(51,34,47)`
RGB Percent	20, 13.3, 18.4	`rgb(20%,13.3%,18.4%)`
CMYK	0, 33, 8, 80
HSL	314.1°, 20, 16.7	`hsl(314.1,20%,16.7%)`
HSV (or HSB)	314.1°, 33.3, 20
Web Safe	333333	`#333333`

CIE-LAB	15.764, 10.792, -5.347
XYZ	2.45, 2.053, 2.956
xyY	0.328, 0.275, 2.053
CIE-LCH	15.764, 12.044, 333.644
CIE-LUV	15.764, 7.147, -6.065
Hunter-Lab	14.329, 5.449, -2.203
Binary	00110011, 00100010, 00101111

#33222f
```
#33222f rgb(51,34,47)
```
#223326
```
#223326 rgb(34,51,38)
```

Complementary Color

#2f2233
```
#2f2233 rgb(47,34,51)
```
#33222f
```
#33222f rgb(51,34,47)
```
#332227
```
#332227 rgb(51,34,39)
```

Analogous Color

#22332f
```
#22332f rgb(34,51,47)
```
#33222f
```
#33222f rgb(51,34,47)
```
#273322
```
#273322 rgb(39,51,34)
```

Split Complementary Color

#222f33
```
#222f33 rgb(34,47,51)
```
#33222f
```
#33222f rgb(51,34,47)
```
#2f3322
```
#2f3322 rgb(47,51,34)
```

Triadic Color

#262233
```
#262233 rgb(38,34,51)
```
#33222f
```
#33222f rgb(51,34,47)
```
#2f3322
```
#2f3322 rgb(47,51,34)
```
#223326
```
#223326 rgb(34,51,38)
```

Tetradic Color

#050305
```
#050305 rgb(5,3,5)
```
#140e13
```
#140e13 rgb(20,14,19)
```
#241821
```
#241821 rgb(36,24,33)
```
#33222f
```
#33222f rgb(51,34,47)
```
#422c3d
```
#422c3d rgb(66,44,61)
```
#52364b
```
#52364b rgb(82,54,75)
```
#614159
```
#614159 rgb(97,65,89)
```

Monochromatic Color

Below, you can see some colors close to #33222f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#332233
```
#332233 rgb(51,34,51)
```
#332232
```
#332232 rgb(51,34,50)
```
#332230
```
#332230 rgb(51,34,48)
```
#33222f
```
#33222f rgb(51,34,47)
```
#33222e
```
#33222e rgb(51,34,46)
```
#33222c
```
#33222c rgb(51,34,44)
```
#33222b
```
#33222b rgb(51,34,43)
```

Similar Colors

Text with hexadecimal color #33222f

This text has a font color of #33222f.

<span style="color:#33222f;">Text here</span>

#33222f background color

This paragraph has a background color of #33222f.

<p style="background-color:#33222f;">Content here</p>

#33222f border color

This element has a border color of #33222f.

<div style="border:1px solid #33222f;">Content here</div>

CSS codes

.text {color:#33222f;}

.background {background-color:#33222f;}

.border {border:1px solid #33222f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040304 is the darkest color, while #faf7f9 is the lightest one.

#040304
```
#040304 rgb(4,3,4)
```
#100a0e
```
#100a0e rgb(16,10,14)
```
#1b1219
```
#1b1219 rgb(27,18,25)
```
#271a24
```
#271a24 rgb(39,26,36)
```
#33222f
```
#33222f rgb(51,34,47)
```
#3f2a3a
```
#3f2a3a rgb(63,42,58)
```
#4b3245
```
#4b3245 rgb(75,50,69)
```
#563a50
```
#563a50 rgb(86,58,80)
```
#62415a
```
#62415a rgb(98,65,90)
```
#6e4965
```
#6e4965 rgb(110,73,101)
```
#7a5170
```
#7a5170 rgb(122,81,112)
```
#85597b
```
#85597b rgb(133,89,123)
```
#916186
```
#916186 rgb(145,97,134)
```

Shade Color Variation

#9c6a90
```
#9c6a90 rgb(156,106,144)
```
#a37699
```
#a37699 rgb(163,118,153)
```
#ab81a1
```
#ab81a1 rgb(171,129,161)
```
#b38daa
```
#b38daa rgb(179,141,170)
```
#bb99b3
```
#bb99b3 rgb(187,153,179)
```
#c3a5bc
```
#c3a5bc rgb(195,165,188)
```
#cbb1c5
```
#cbb1c5 rgb(203,177,197)
```
#d3bccd
```
#d3bccd rgb(211,188,205)
```
#dac8d6
```
#dac8d6 rgb(218,200,214)
```
#e2d4df
```
#e2d4df rgb(226,212,223)
```
#eae0e8
```
#eae0e8 rgb(234,224,232)
```
#f2ebf0
```
#f2ebf0 rgb(242,235,240)
```
#faf7f9
```
#faf7f9 rgb(250,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #2c292c is the less saturated color, while #540140 is the most saturated one.

#2c292c
```
#2c292c rgb(44,41,44)
```
#30252d
```
#30252d rgb(48,37,45)
```
#33222f
```
#33222f rgb(51,34,47)
```
#361f31
```
#361f31 rgb(54,31,49)
```
#3a1b32
```
#3a1b32 rgb(58,27,50)
```
#3d1834
```
#3d1834 rgb(61,24,52)
```
#401536
```
#401536 rgb(64,21,54)
```
#431238
```
#431238 rgb(67,18,56)
```
#470e39
```
#470e39 rgb(71,14,57)
```
#4a0b3b
```
#4a0b3b rgb(74,11,59)
```
#4d083d
```
#4d083d rgb(77,8,61)
```
#50053f
```
#50053f rgb(80,5,63)
```
#540140
```
#540140 rgb(84,1,64)
```

Tone Color Variation

Below, you can see how #33222f 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.

Monochromacy

#292929 Achromatopsia 0.005% of the population
#2b282a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f323c Protanopia 1% of men
#343138 Deuteranopia 1% of men
#3c2e32 Tritanopia 0.001% of the population

Trichromacy

#312c37 Protanomaly 1% of men, 0.01% of women
#332b35 Deuteranomaly 6% of men, 0.4% of women
#392a31 Tritanomaly 0.01% of the population

#33222f hex color

#33222f Color Information

#33222f Color Conversion

Color Schemes with #33222f

Alternatives to #33222f

#33222f Preview

Shades and Tints of #33222f

Tones of #33222f

Color Blindness Simulator