#22142d hex color

In a RGB color space, hex #22142d is composed of 13.3% red, 7.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 55.6% magenta, 0% yellow and 82.4% black. It has a hue angle of 273.6 degrees, a saturation of 38.5% and a lightness of 12.7%. #22142d color hex could be obtained by blending #44285a with #000000. Closest websafe color is: #330033.

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

● #22142d color description : Very dark (mostly black) violet.

The hexadecimal color #22142d has RGB values of R:34, G:20, B:45 and CMYK values of C:0.24, M:0.56, Y:0, K:0.82. Its decimal value is 2233389.

Hex triplet	22142d	`#22142d`
RGB Decimal	34, 20, 45	`rgb(34,20,45)`
RGB Percent	13.3, 7.8, 17.6	`rgb(13.3%,7.8%,17.6%)`
CMYK	24, 56, 0, 82
HSL	273.6°, 38.5, 12.7	`hsl(273.6,38.5%,12.7%)`
HSV (or HSB)	273.6°, 55.6, 17.6
Web Safe	330033	`#330033`

CIE-LAB	9.238, 13.295, -14.141
XYZ	1.383, 1.03, 2.608
xyY	0.275, 0.205, 1.03
CIE-LCH	9.238, 19.41, 313.235
CIE-LUV	9.238, 3.193, -11.099
Hunter-Lab	10.148, 6.574, -8.135
Binary	00100010, 00010100, 00101101

#22142d
```
#22142d rgb(34,20,45)
```
#1f2d14
```
#1f2d14 rgb(31,45,20)
```

Complementary Color

#16142d
```
#16142d rgb(22,20,45)
```
#22142d
```
#22142d rgb(34,20,45)
```
#2d142c
```
#2d142c rgb(45,20,44)
```

Analogous Color

#142d16
```
#142d16 rgb(20,45,22)
```
#22142d
```
#22142d rgb(34,20,45)
```
#2c2d14
```
#2c2d14 rgb(44,45,20)
```

Split Complementary Color

#142d22
```
#142d22 rgb(20,45,34)
```
#22142d
```
#22142d rgb(34,20,45)
```
#2d2214
```
#2d2214 rgb(45,34,20)
```

Triadic Color

#141f2d
```
#141f2d rgb(20,31,45)
```
#22142d
```
#22142d rgb(34,20,45)
```
#2d2214
```
#2d2214 rgb(45,34,20)
```
#1f2d14
```
#1f2d14 rgb(31,45,20)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#07040a
```
#07040a rgb(7,4,10)
```
#150c1b
```
#150c1b rgb(21,12,27)
```
#22142d
```
#22142d rgb(34,20,45)
```
#2f1c3f
```
#2f1c3f rgb(47,28,63)
```
#3d2450
```
#3d2450 rgb(61,36,80)
```
#4a2c62
```
#4a2c62 rgb(74,44,98)
```

Monochromatic Color

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

#1c142d
```
#1c142d rgb(28,20,45)
```
#1e142d
```
#1e142d rgb(30,20,45)
```
#20142d
```
#20142d rgb(32,20,45)
```
#22142d
```
#22142d rgb(34,20,45)
```
#24142d
```
#24142d rgb(36,20,45)
```
#26142d
```
#26142d rgb(38,20,45)
```
#28142d
```
#28142d rgb(40,20,45)
```

Similar Colors

Text with hexadecimal color #22142d

This text has a font color of #22142d.

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

#22142d background color

This paragraph has a background color of #22142d.

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

#22142d border color

This element has a border color of #22142d.

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

CSS codes

.text {color:#22142d;}

.background {background-color:#22142d;}

.border {border:1px solid #22142d;}

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

#030204
```
#030204 rgb(3,2,4)
```
#0d0812
```
#0d0812 rgb(13,8,18)
```
#180e1f
```
#180e1f rgb(24,14,31)
```
#22142d
```
#22142d rgb(34,20,45)
```
#2c1a3b
```
#2c1a3b rgb(44,26,59)
```
#372048
```
#372048 rgb(55,32,72)
```
#412656
```
#412656 rgb(65,38,86)
```
#4b2c63
```
#4b2c63 rgb(75,44,99)
```
#553271
```
#553271 rgb(85,50,113)
```
#60387e
```
#60387e rgb(96,56,126)
```
#6a3e8c
```
#6a3e8c rgb(106,62,140)
```
#74449a
```
#74449a rgb(116,68,154)
```
#7e4aa7
```
#7e4aa7 rgb(126,74,167)
```

Shade Color Variation

#8853b2
```
#8853b2 rgb(136,83,178)
```
#9260b8
```
#9260b8 rgb(146,96,184)
```
#9b6ebf
```
#9b6ebf rgb(155,110,191)
```
#a47bc5
```
#a47bc5 rgb(164,123,197)
```
#ae89cb
```
#ae89cb rgb(174,137,203)
```
#b797d1
```
#b797d1 rgb(183,151,209)
```
#c0a4d7
```
#c0a4d7 rgb(192,164,215)
```
#cab2dd
```
#cab2dd rgb(202,178,221)
```
#d3bfe3
```
#d3bfe3 rgb(211,191,227)
```
#ddcde9
```
#ddcde9 rgb(221,205,233)
```
#e6dbef
```
#e6dbef rgb(230,219,239)
```
#efe8f5
```
#efe8f5 rgb(239,232,245)
```
#f9f6fb
```
#f9f6fb rgb(249,246,251)
```

Tint Color Variation

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

#212121
```
#212121 rgb(33,33,33)
```
#211e23
```
#211e23 rgb(33,30,35)
```
#211c26
```
#211c26 rgb(33,28,38)
```
#211928
```
#211928 rgb(33,25,40)
```
#22172b
```
#22172b rgb(34,23,43)
```
#22142d
```
#22142d rgb(34,20,45)
```
#221230
```
#221230 rgb(34,18,48)
```
#230f32
```
#230f32 rgb(35,15,50)
```
#230d35
```
#230d35 rgb(35,13,53)
```
#230a37
```
#230a37 rgb(35,10,55)
```
#24083a
```
#24083a rgb(36,8,58)
```
#24053c
```
#24053c rgb(36,5,60)
```
#24023f
```
#24023f rgb(36,2,63)
```

Tone Color Variation

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

#1b1b1b Achromatopsia 0.005% of the population
#1c1a1f Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b253b Protanopia 1% of men
#1e2536 Deuteranopia 1% of men
#2a2426 Tritanopia 0.001% of the population

Trichromacy

#1e1e36 Protanomaly 1% of men, 0.01% of women
#1f1f32 Deuteranomaly 6% of men, 0.4% of women
#271e29 Tritanomaly 0.01% of the population

#22142d hex color

#22142d Color Information

#22142d Color Conversion

Color Schemes with #22142d

Alternatives to #22142d

#22142d Preview

Shades and Tints of #22142d

Tones of #22142d

Color Blindness Simulator