#33222a hex color

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

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

● #33222a color description : Very dark grayish pink.

The hexadecimal color #33222a has RGB values of R:51, G:34, B:42 and CMYK values of C:0, M:0.33, Y:0.18, K:0.8. Its decimal value is 3351082.

Hex triplet	33222a	`#33222a`
RGB Decimal	51, 34, 42	`rgb(51,34,42)`
RGB Percent	20, 13.3, 16.5	`rgb(20%,13.3%,16.5%)`
CMYK	0, 33, 18, 80
HSL	331.8°, 20, 16.7	`hsl(331.8,20%,16.7%)`
HSV (or HSB)	331.8°, 33.3, 20
Web Safe	333333	`#333333`

CIE-LAB	15.566, 9.706, -2.079
XYZ	2.355, 2.015, 2.455
xyY	0.345, 0.295, 2.015
CIE-LCH	15.566, 9.927, 347.912
CIE-LUV	15.566, 7.686, -2.902
Hunter-Lab	14.195, 4.773, -0.318
Binary	00110011, 00100010, 00101010

#33222a
```
#33222a rgb(51,34,42)
```
#22332b
```
#22332b rgb(34,51,43)
```

Complementary Color

#332233
```
#332233 rgb(51,34,51)
```
#33222a
```
#33222a rgb(51,34,42)
```
#332322
```
#332322 rgb(51,35,34)
```

Analogous Color

#223333
```
#223333 rgb(34,51,51)
```
#33222a
```
#33222a rgb(51,34,42)
```
#223323
```
#223323 rgb(34,51,35)
```

Split Complementary Color

#222a33
```
#222a33 rgb(34,42,51)
```
#33222a
```
#33222a rgb(51,34,42)
```
#2a3322
```
#2a3322 rgb(42,51,34)
```

Triadic Color

#2b2233
```
#2b2233 rgb(43,34,51)
```
#33222a
```
#33222a rgb(51,34,42)
```
#2a3322
```
#2a3322 rgb(42,51,34)
```
#22332b
```
#22332b rgb(34,51,43)
```

Tetradic Color

#050304
```
#050304 rgb(5,3,4)
```
#140e11
```
#140e11 rgb(20,14,17)
```
#24181d
```
#24181d rgb(36,24,29)
```
#33222a
```
#33222a rgb(51,34,42)
```
#422c37
```
#422c37 rgb(66,44,55)
```
#523643
```
#523643 rgb(82,54,67)
```
#614150
```
#614150 rgb(97,65,80)
```

Monochromatic Color

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

#33222e
```
#33222e rgb(51,34,46)
```
#33222d
```
#33222d rgb(51,34,45)
```
#33222b
```
#33222b rgb(51,34,43)
```
#33222a
```
#33222a rgb(51,34,42)
```
#332229
```
#332229 rgb(51,34,41)
```
#332227
```
#332227 rgb(51,34,39)
```
#332226
```
#332226 rgb(51,34,38)
```

Similar Colors

Text with hexadecimal color #33222a

This text has a font color of #33222a.

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

#33222a background color

This paragraph has a background color of #33222a.

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

#33222a border color

This element has a border color of #33222a.

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

CSS codes

.text {color:#33222a;}

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

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

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, #040303 is the darkest color, while #faf7f8 is the lightest one.

#040303
```
#040303 rgb(4,3,3)
```
#100a0d
```
#100a0d rgb(16,10,13)
```
#1b1217
```
#1b1217 rgb(27,18,23)
```
#271a20
```
#271a20 rgb(39,26,32)
```
#33222a
```
#33222a rgb(51,34,42)
```
#3f2a34
```
#3f2a34 rgb(63,42,52)
```
#4b323d
```
#4b323d rgb(75,50,61)
```
#563a47
```
#563a47 rgb(86,58,71)
```
#624151
```
#624151 rgb(98,65,81)
```
#6e495a
```
#6e495a rgb(110,73,90)
```
#7a5164
```
#7a5164 rgb(122,81,100)
```
#85596e
```
#85596e rgb(133,89,110)
```
#916178
```
#916178 rgb(145,97,120)
```

Shade Color Variation

#9c6a81
```
#9c6a81 rgb(156,106,129)
```
#a3768b
```
#a3768b rgb(163,118,139)
```
#ab8195
```
#ab8195 rgb(171,129,149)
```
#b38d9f
```
#b38d9f rgb(179,141,159)
```
#bb99a9
```
#bb99a9 rgb(187,153,169)
```
#c3a5b3
```
#c3a5b3 rgb(195,165,179)
```
#cbb1bd
```
#cbb1bd rgb(203,177,189)
```
#d3bcc7
```
#d3bcc7 rgb(211,188,199)
```
#dac8d1
```
#dac8d1 rgb(218,200,209)
```
#e2d4db
```
#e2d4db rgb(226,212,219)
```
#eae0e5
```
#eae0e5 rgb(234,224,229)
```
#f2ebee
```
#f2ebee rgb(242,235,238)
```
#faf7f8
```
#faf7f8 rgb(250,247,248)
```

Tint Color Variation

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

#2c292a
```
#2c292a rgb(44,41,42)
```
#30252a
```
#30252a rgb(48,37,42)
```
#33222a
```
#33222a rgb(51,34,42)
```
#361f2a
```
#361f2a rgb(54,31,42)
```
#3a1b2a
```
#3a1b2a rgb(58,27,42)
```
#3d1829
```
#3d1829 rgb(61,24,41)
```
#401529
```
#401529 rgb(64,21,41)
```
#431229
```
#431229 rgb(67,18,41)
```
#470e29
```
#470e29 rgb(71,14,41)
```
#4a0b29
```
#4a0b29 rgb(74,11,41)
```
#4d0828
```
#4d0828 rgb(77,8,40)
```
#500528
```
#500528 rgb(80,5,40)
```
#540128
```
#540128 rgb(84,1,40)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2a2728 Atypical Achromatopsia 0.001% of the population

Dichromacy

#313137 Protanopia 1% of men
#353034 Deuteranopia 1% of men
#3d2e31 Tritanopia 0.001% of the population

Trichromacy

#312c32 Protanomaly 1% of men, 0.01% of women
#342b30 Deuteranomaly 6% of men, 0.4% of women
#39292e Tritanomaly 0.01% of the population

#33222a hex color

#33222a Color Information

#33222a Color Conversion

Color Schemes with #33222a

Alternatives to #33222a

#33222a Preview

Shades and Tints of #33222a

Tones of #33222a

Color Blindness Simulator