#21222e hex color

In a RGB color space, hex #21222e is composed of 12.9% red, 13.3% green and 18% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 26.1% magenta, 0% yellow and 82% black. It has a hue angle of 235.4 degrees, a saturation of 16.5% and a lightness of 15.5%. #21222e color hex could be obtained by blending #42445c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 13
- G 13
- B 18
RGB color chart
- C 28
- M 26
- Y 0
- K 82
CMYK color chart

● #21222e color description : Very dark (mostly black) blue.

The hexadecimal color #21222e has RGB values of R:33, G:34, B:46 and CMYK values of C:0.28, M:0.26, Y:0, K:0.82. Its decimal value is 2171438.

Hex triplet	21222e	`#21222e`
RGB Decimal	33, 34, 46	`rgb(33,34,46)`
RGB Percent	12.9, 13.3, 18	`rgb(12.9%,13.3%,18%)`
CMYK	28, 26, 0, 82
HSL	235.4°, 16.5, 15.5	`hsl(235.4,16.5%,15.5%)`
HSV (or HSB)	235.4°, 28.3, 18
Web Safe	333333	`#333333`

CIE-LAB	13.619, 2.895, -8.084
XYZ	1.692, 1.665, 2.817
xyY	0.274, 0.27, 1.665
CIE-LCH	13.619, 8.587, 289.703
CIE-LUV	13.619, -0.895, -7.375
Hunter-Lab	12.902, 0.834, -3.913
Binary	00100001, 00100010, 00101110

#21222e
```
#21222e rgb(33,34,46)
```
#2e2d21
```
#2e2d21 rgb(46,45,33)
```

Complementary Color

#21292e
```
#21292e rgb(33,41,46)
```
#21222e
```
#21222e rgb(33,34,46)
```
#27212e
```
#27212e rgb(39,33,46)
```

Analogous Color

#292e21
```
#292e21 rgb(41,46,33)
```
#21222e
```
#21222e rgb(33,34,46)
```
#2e2721
```
#2e2721 rgb(46,39,33)
```

Split Complementary Color

#222e21
```
#222e21 rgb(34,46,33)
```
#21222e
```
#21222e rgb(33,34,46)
```
#2e2122
```
#2e2122 rgb(46,33,34)
```

Triadic Color

#212e2d
```
#212e2d rgb(33,46,45)
```
#21222e
```
#21222e rgb(33,34,46)
```
#2e2122
```
#2e2122 rgb(46,33,34)
```
#2e2d21
```
#2e2d21 rgb(46,45,33)
```

Tetradic Color

#010101
```
#010101 rgb(1,1,1)
```
#0c0c10
```
#0c0c10 rgb(12,12,16)
```
#16171f
```
#16171f rgb(22,23,31)
```
#21222e
```
#21222e rgb(33,34,46)
```
#2c2d3d
```
#2c2d3d rgb(44,45,61)
```
#36384c
```
#36384c rgb(54,56,76)
```
#41435b
```
#41435b rgb(65,67,91)
```

Monochromatic Color

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

#21252e
```
#21252e rgb(33,37,46)
```
#21242e
```
#21242e rgb(33,36,46)
```
#21232e
```
#21232e rgb(33,35,46)
```
#21222e
```
#21222e rgb(33,34,46)
```
#21212e
```
#21212e rgb(33,33,46)
```
#22212e
```
#22212e rgb(34,33,46)
```
#23212e
```
#23212e rgb(35,33,46)
```

Similar Colors

Text with hexadecimal color #21222e

This text has a font color of #21222e.

<span style="color:#21222e;">Text here</span>

#21222e background color

This paragraph has a background color of #21222e.

<p style="background-color:#21222e;">Content here</p>

#21222e border color

This element has a border color of #21222e.

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

CSS codes

.text {color:#21222e;}

.background {background-color:#21222e;}

.border {border:1px solid #21222e;}

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

#000000
```
#000000 rgb(0,0,0)
```
#08090c
```
#08090c rgb(8,9,12)
```
#111117
```
#111117 rgb(17,17,23)
```
#191a23
```
#191a23 rgb(25,26,35)
```
#21222e
```
#21222e rgb(33,34,46)
```
#292a39
```
#292a39 rgb(41,42,57)
```
#313345
```
#313345 rgb(49,51,69)
```
#3a3b50
```
#3a3b50 rgb(58,59,80)
```
#42445c
```
#42445c rgb(66,68,92)
```
#4a4c67
```
#4a4c67 rgb(74,76,103)
```
#525573
```
#525573 rgb(82,85,115)
```
#5a5d7e
```
#5a5d7e rgb(90,93,126)
```
#636689
```
#636689 rgb(99,102,137)
```

Shade Color Variation

#6b6e95
```
#6b6e95 rgb(107,110,149)
```
#76799d
```
#76799d rgb(118,121,157)
```
#8284a5
```
#8284a5 rgb(130,132,165)
```
#8d90ad
```
#8d90ad rgb(141,144,173)
```
#999bb5
```
#999bb5 rgb(153,155,181)
```
#a4a6be
```
#a4a6be rgb(164,166,190)
```
#afb1c6
```
#afb1c6 rgb(175,177,198)
```
#bbbcce
```
#bbbcce rgb(187,188,206)
```
#c6c7d6
```
#c6c7d6 rgb(198,199,214)
```
#d2d3de
```
#d2d3de rgb(210,211,222)
```
#dddee7
```
#dddee7 rgb(221,222,231)
```
#e8e9ef
```
#e8e9ef rgb(232,233,239)
```
#f4f4f7
```
#f4f4f7 rgb(244,244,247)
```

Tint Color Variation

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

#272728
```
#272728 rgb(39,39,40)
```
#24252b
```
#24252b rgb(36,37,43)
```
#21222e
```
#21222e rgb(33,34,46)
```
#1e1f31
```
#1e1f31 rgb(30,31,49)
```
#1b1d34
```
#1b1d34 rgb(27,29,52)
```
#181a37
```
#181a37 rgb(24,26,55)
```
#15183a
```
#15183a rgb(21,24,58)
```
#12153d
```
#12153d rgb(18,21,61)
```
#0f1340
```
#0f1340 rgb(15,19,64)
```
#0c1043
```
#0c1043 rgb(12,16,67)
```
#090d46
```
#090d46 rgb(9,13,70)
```
#060b49
```
#060b49 rgb(6,11,73)
```
#03084c
```
#03084c rgb(3,8,76)
```

Tone Color Variation

Below, you can see how #21222e 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

#232323 Achromatopsia 0.005% of the population
#232325 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b2d39 Protanopia 1% of men
#2c2d38 Deuteranopia 1% of men
#2b2e32 Tritanopia 0.001% of the population

Trichromacy

#272935 Protanomaly 1% of men, 0.01% of women
#282934 Deuteranomaly 6% of men, 0.4% of women
#272a30 Tritanomaly 0.01% of the population

#21222e hex color

#21222e Color Information

#21222e Color Conversion

Color Schemes with #21222e

Alternatives to #21222e

#21222e Preview

Shades and Tints of #21222e

Tones of #21222e

Color Blindness Simulator