#221831 hex color

In a RGB color space, hex #221831 is composed of 13.3% red, 9.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 51% magenta, 0% yellow and 80.8% black. It has a hue angle of 264 degrees, a saturation of 34.2% and a lightness of 14.3%. #221831 color hex could be obtained by blending #443062 with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 13
- G 9
- B 19
RGB color chart
- C 31
- M 51
- Y 0
- K 81
CMYK color chart

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

The hexadecimal color #221831 has RGB values of R:34, G:24, B:49 and CMYK values of C:0.31, M:0.51, Y:0, K:0.81. Its decimal value is 2234417.

Hex triplet	221831	`#221831`
RGB Decimal	34, 24, 49	`rgb(34,24,49)`
RGB Percent	13.3, 9.4, 19.2	`rgb(13.3%,9.4%,19.2%)`
CMYK	31, 51, 0, 81
HSL	264°, 34.2, 14.3	`hsl(264,34.2%,14.3%)`
HSV (or HSB)	264°, 51, 19.2
Web Safe	330033	`#330033`

CIE-LAB	10.668, 11.588, -14.82
XYZ	1.541, 1.215, 3.059
xyY	0.265, 0.209, 1.215
CIE-LCH	10.668, 18.812, 308.024
CIE-LUV	10.668, 2.09, -12.552
Hunter-Lab	11.023, 5.657, -8.737
Binary	00100010, 00011000, 00110001

#221831
```
#221831 rgb(34,24,49)
```
#273118
```
#273118 rgb(39,49,24)
```

Complementary Color

#181b31
```
#181b31 rgb(24,27,49)
```
#221831
```
#221831 rgb(34,24,49)
```
#2f1831
```
#2f1831 rgb(47,24,49)
```

Analogous Color

#1b3118
```
#1b3118 rgb(27,49,24)
```
#221831
```
#221831 rgb(34,24,49)
```
#312f18
```
#312f18 rgb(49,47,24)
```

Split Complementary Color

#183122
```
#183122 rgb(24,49,34)
```
#221831
```
#221831 rgb(34,24,49)
```
#312218
```
#312218 rgb(49,34,24)
```

Triadic Color

#182731
```
#182731 rgb(24,39,49)
```
#221831
```
#221831 rgb(34,24,49)
```
#312218
```
#312218 rgb(49,34,24)
```
#273118
```
#273118 rgb(39,49,24)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0a070f
```
#0a070f rgb(10,7,15)
```
#161020
```
#161020 rgb(22,16,32)
```
#221831
```
#221831 rgb(34,24,49)
```
#2e2042
```
#2e2042 rgb(46,32,66)
```
#3a2953
```
#3a2953 rgb(58,41,83)
```
#463164
```
#463164 rgb(70,49,100)
```

Monochromatic Color

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

#1c1831
```
#1c1831 rgb(28,24,49)
```
#1e1831
```
#1e1831 rgb(30,24,49)
```
#201831
```
#201831 rgb(32,24,49)
```
#221831
```
#221831 rgb(34,24,49)
```
#241831
```
#241831 rgb(36,24,49)
```
#261831
```
#261831 rgb(38,24,49)
```
#281831
```
#281831 rgb(40,24,49)
```

Similar Colors

Text with hexadecimal color #221831

This text has a font color of #221831.

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

#221831 background color

This paragraph has a background color of #221831.

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

#221831 border color

This element has a border color of #221831.

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

CSS codes

.text {color:#221831;}

.background {background-color:#221831;}

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

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, #07050a is the darkest color, while #fcfbfd is the lightest one.

#07050a
```
#07050a rgb(7,5,10)
```
#100b17
```
#100b17 rgb(16,11,23)
```
#191224
```
#191224 rgb(25,18,36)
```
#221831
```
#221831 rgb(34,24,49)
```
#2b1e3e
```
#2b1e3e rgb(43,30,62)
```
#34254b
```
#34254b rgb(52,37,75)
```
#3d2b58
```
#3d2b58 rgb(61,43,88)
```
#473266
```
#473266 rgb(71,50,102)
```
#503873
```
#503873 rgb(80,56,115)
```
#593f80
```
#593f80 rgb(89,63,128)
```
#62458d
```
#62458d rgb(98,69,141)
```
#6b4c9a
```
#6b4c9a rgb(107,76,154)
```
#7452a7
```
#7452a7 rgb(116,82,167)
```

Shade Color Variation

#7e5db0
```
#7e5db0 rgb(126,93,176)
```
#896bb6
```
#896bb6 rgb(137,107,182)
```
#9378bd
```
#9378bd rgb(147,120,189)
```
#9e85c3
```
#9e85c3 rgb(158,133,195)
```
#a892ca
```
#a892ca rgb(168,146,202)
```
#b39fd0
```
#b39fd0 rgb(179,159,208)
```
#bdacd7
```
#bdacd7 rgb(189,172,215)
```
#c8badd
```
#c8badd rgb(200,186,221)
```
#d2c7e3
```
#d2c7e3 rgb(210,199,227)
```
#ddd4ea
```
#ddd4ea rgb(221,212,234)
```
#e7e1f0
```
#e7e1f0 rgb(231,225,240)
```
#f2eef7
```
#f2eef7 rgb(242,238,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#242326
```
#242326 rgb(36,35,38)
```
#242029
```
#242029 rgb(36,32,41)
```
#231e2b
```
#231e2b rgb(35,30,43)
```
#231b2e
```
#231b2e rgb(35,27,46)
```
#221831
```
#221831 rgb(34,24,49)
```
#211534
```
#211534 rgb(33,21,52)
```
#211237
```
#211237 rgb(33,18,55)
```
#201039
```
#201039 rgb(32,16,57)
```
#200d3c
```
#200d3c rgb(32,13,60)
```
#1f0a3f
```
#1f0a3f rgb(31,10,63)
```
#1f0742
```
#1f0742 rgb(31,7,66)
```
#1e0445
```
#1e0445 rgb(30,4,69)
```
#1e0247
```
#1e0247 rgb(30,2,71)
```

Tone Color Variation

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

#1e1e1e Achromatopsia 0.005% of the population
#1f1d22 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e273e Protanopia 1% of men
#20283a Deuteranopia 1% of men
#29272a Tritanopia 0.001% of the population

Trichromacy

#202239 Protanomaly 1% of men, 0.01% of women
#202236 Deuteranomaly 6% of men, 0.4% of women
#26222d Tritanomaly 0.01% of the population

#221831 hex color

#221831 Color Information

#221831 Color Conversion

Color Schemes with #221831

Alternatives to #221831

#221831 Preview

Shades and Tints of #221831

Tones of #221831

Color Blindness Simulator