#221424 hex color

In a RGB color space, hex #221424 is composed of 13.3% red, 7.8% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 44.4% magenta, 0% yellow and 85.9% black. It has a hue angle of 292.5 degrees, a saturation of 28.6% and a lightness of 11%. #221424 color hex could be obtained by blending #442848 with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 13
- G 8
- B 14
RGB color chart
- C 6
- M 44
- Y 0
- K 86
CMYK color chart

● #221424 color description : Very dark (mostly black) magenta.

The hexadecimal color #221424 has RGB values of R:34, G:20, B:36 and CMYK values of C:0.06, M:0.44, Y:0, K:0.86. Its decimal value is 2233380.

Hex triplet	221424	`#221424`
RGB Decimal	34, 20, 36	`rgb(34,20,36)`
RGB Percent	13.3, 7.8, 14.1	`rgb(13.3%,7.8%,14.1%)`
CMYK	6, 44, 0, 86
HSL	292.5°, 28.6, 11	`hsl(292.5,28.6%,11%)`
HSV (or HSB)	292.5°, 44.4, 14.1
Web Safe	330033	`#330033`

CIE-LAB	8.72, 10.78, -8.243
XYZ	1.228, 0.968, 1.791
xyY	0.308, 0.243, 0.968
CIE-LCH	8.72, 13.57, 322.594
CIE-LUV	8.72, 3.945, -6.336
Hunter-Lab	9.838, 5.07, -3.908
Binary	00100010, 00010100, 00100100

#221424
```
#221424 rgb(34,20,36)
```
#162414
```
#162414 rgb(22,36,20)
```

Complementary Color

#1a1424
```
#1a1424 rgb(26,20,36)
```
#221424
```
#221424 rgb(34,20,36)
```
#24141e
```
#24141e rgb(36,20,30)
```

Analogous Color

#14241a
```
#14241a rgb(20,36,26)
```
#221424
```
#221424 rgb(34,20,36)
```
#1e2414
```
#1e2414 rgb(30,36,20)
```

Split Complementary Color

#142422
```
#142422 rgb(20,36,34)
```
#221424
```
#221424 rgb(34,20,36)
```
#242214
```
#242214 rgb(36,34,20)
```

Triadic Color

#141624
```
#141624 rgb(20,22,36)
```
#221424
```
#221424 rgb(34,20,36)
```
#242214
```
#242214 rgb(36,34,20)
```
#162414
```
#162414 rgb(22,36,20)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#030203
```
#030203 rgb(3,2,3)
```
#130b14
```
#130b14 rgb(19,11,20)
```
#221424
```
#221424 rgb(34,20,36)
```
#311d34
```
#311d34 rgb(49,29,52)
```
#412645
```
#412645 rgb(65,38,69)
```
#502f55
```
#502f55 rgb(80,47,85)
```

Monochromatic Color

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

#1e1424
```
#1e1424 rgb(30,20,36)
```
#1f1424
```
#1f1424 rgb(31,20,36)
```
#211424
```
#211424 rgb(33,20,36)
```
#221424
```
#221424 rgb(34,20,36)
```
#231424
```
#231424 rgb(35,20,36)
```
#241423
```
#241423 rgb(36,20,35)
```
#241422
```
#241422 rgb(36,20,34)
```

Similar Colors

Text with hexadecimal color #221424

This text has a font color of #221424.

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

#221424 background color

This paragraph has a background color of #221424.

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

#221424 border color

This element has a border color of #221424.

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

CSS codes

.text {color:#221424;}

.background {background-color:#221424;}

.border {border:1px solid #221424;}

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, #0a060b is the darkest color, while #fefdfe is the lightest one.

#0a060b
```
#0a060b rgb(10,6,11)
```
#160d17
```
#160d17 rgb(22,13,23)
```
#221424
```
#221424 rgb(34,20,36)
```
#2e1b31
```
#2e1b31 rgb(46,27,49)
```
#3a223d
```
#3a223d rgb(58,34,61)
```
#46294a
```
#46294a rgb(70,41,74)
```
#523056
```
#523056 rgb(82,48,86)
```
#5e3763
```
#5e3763 rgb(94,55,99)
```
#693e70
```
#693e70 rgb(105,62,112)
```
#75457c
```
#75457c rgb(117,69,124)
```
#814c89
```
#814c89 rgb(129,76,137)
```
#8d5395
```
#8d5395 rgb(141,83,149)
```
#995aa2
```
#995aa2 rgb(153,90,162)
```

Shade Color Variation

#a166aa
```
#a166aa rgb(161,102,170)
```
#a972b1
```
#a972b1 rgb(169,114,177)
```
#b17fb8
```
#b17fb8 rgb(177,127,184)
```
#b98cbf
```
#b98cbf rgb(185,140,191)
```
#c098c6
```
#c098c6 rgb(192,152,198)
```
#c8a5cd
```
#c8a5cd rgb(200,165,205)
```
#d0b2d4
```
#d0b2d4 rgb(208,178,212)
```
#d7bedb
```
#d7bedb rgb(215,190,219)
```
#dfcbe2
```
#dfcbe2 rgb(223,203,226)
```
#e7d7e9
```
#e7d7e9 rgb(231,215,233)
```
#eee4f0
```
#eee4f0 rgb(238,228,240)
```
#f6f1f7
```
#f6f1f7 rgb(246,241,247)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#1d1a1e
```
#1d1a1e rgb(29,26,30)
```
#1f1820
```
#1f1820 rgb(31,24,32)
```
#201622
```
#201622 rgb(32,22,34)
```
#221424
```
#221424 rgb(34,20,36)
```
#241226
```
#241226 rgb(36,18,38)
```
#251028
```
#251028 rgb(37,16,40)
```
#270e2a
```
#270e2a rgb(39,14,42)
```
#280b2d
```
#280b2d rgb(40,11,45)
```
#2a092f
```
#2a092f rgb(42,9,47)
```
#2c0731
```
#2c0731 rgb(44,7,49)
```
#2d0533
```
#2d0533 rgb(45,5,51)
```
#2f0335
```
#2f0335 rgb(47,3,53)
```
#310137
```
#310137 rgb(49,1,55)
```

Tone Color Variation

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

#1a1a1a Achromatopsia 0.005% of the population
#1c191c Atypical Achromatopsia 0.001% of the population

Dichromacy

#202432 Protanopia 1% of men
#23242e Deuteranopia 1% of men
#2b2224 Tritanopia 0.001% of the population

Trichromacy

#201e2d Protanomaly 1% of men, 0.01% of women
#221e2a Deuteranomaly 6% of men, 0.4% of women
#281d24 Tritanomaly 0.01% of the population

#221424 hex color

#221424 Color Information

#221424 Color Conversion

Color Schemes with #221424

Alternatives to #221424

#221424 Preview

Shades and Tints of #221424

Tones of #221424

Color Blindness Simulator