#31222b hex color

In a RGB color space, hex #31222b is composed of 19.2% red, 13.3% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.6% magenta, 12.2% yellow and 80.8% black. It has a hue angle of 324 degrees, a saturation of 18.1% and a lightness of 16.3%. #31222b color hex could be obtained by blending #624456 with #000000. Closest websafe color is: #333333.

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

● #31222b color description : Very dark (mostly black) pink.

The hexadecimal color #31222b has RGB values of R:49, G:34, B:43 and CMYK values of C:0, M:0.31, Y:0.12, K:0.81. Its decimal value is 3220011.

Hex triplet	31222b	`#31222b`
RGB Decimal	49, 34, 43	`rgb(49,34,43)`
RGB Percent	19.2, 13.3, 16.9	`rgb(19.2%,13.3%,16.9%)`
CMYK	0, 31, 12, 81
HSL	324°, 18.1, 16.3	`hsl(324,18.1%,16.3%)`
HSV (or HSB)	324°, 30.6, 19.2
Web Safe	333333	`#333333`

CIE-LAB	15.337, 9.015, -3.163
XYZ	2.275, 1.972, 2.546
xyY	0.335, 0.29, 1.972
CIE-LCH	15.337, 9.554, 340.668
CIE-LUV	15.337, 6.498, -3.782
Hunter-Lab	14.041, 4.345, -0.922
Binary	00110001, 00100010, 00101011

#31222b
```
#31222b rgb(49,34,43)
```
#223128
```
#223128 rgb(34,49,40)
```

Complementary Color

#302231
```
#302231 rgb(48,34,49)
```
#31222b
```
#31222b rgb(49,34,43)
```
#312224
```
#312224 rgb(49,34,36)
```

Analogous Color

#223130
```
#223130 rgb(34,49,48)
```
#31222b
```
#31222b rgb(49,34,43)
```
#243122
```
#243122 rgb(36,49,34)
```

Split Complementary Color

#222b31
```
#222b31 rgb(34,43,49)
```
#31222b
```
#31222b rgb(49,34,43)
```
#2b3122
```
#2b3122 rgb(43,49,34)
```

Triadic Color

#282231
```
#282231 rgb(40,34,49)
```
#31222b
```
#31222b rgb(49,34,43)
```
#2b3122
```
#2b3122 rgb(43,49,34)
```
#223128
```
#223128 rgb(34,49,40)
```

Tetradic Color

#040303
```
#040303 rgb(4,3,3)
```
#130d11
```
#130d11 rgb(19,13,17)
```
#22181e
```
#22181e rgb(34,24,30)
```
#31222b
```
#31222b rgb(49,34,43)
```
#402c38
```
#402c38 rgb(64,44,56)
```
#4f3745
```
#4f3745 rgb(79,55,69)
```
#5e4153
```
#5e4153 rgb(94,65,83)
```

Monochromatic Color

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

#31222f
```
#31222f rgb(49,34,47)
```
#31222e
```
#31222e rgb(49,34,46)
```
#31222c
```
#31222c rgb(49,34,44)
```
#31222b
```
#31222b rgb(49,34,43)
```
#31222a
```
#31222a rgb(49,34,42)
```
#312229
```
#312229 rgb(49,34,41)
```
#312227
```
#312227 rgb(49,34,39)
```

Similar Colors

Text with hexadecimal color #31222b

This text has a font color of #31222b.

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

#31222b background color

This paragraph has a background color of #31222b.

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

#31222b border color

This element has a border color of #31222b.

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

CSS codes

.text {color:#31222b;}

.background {background-color:#31222b;}

.border {border:1px solid #31222b;}

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

#030202
```
#030202 rgb(3,2,2)
```
#0e0a0d
```
#0e0a0d rgb(14,10,13)
```
#1a1217
```
#1a1217 rgb(26,18,23)
```
#251a21
```
#251a21 rgb(37,26,33)
```
#31222b
```
#31222b rgb(49,34,43)
```
#3d2a35
```
#3d2a35 rgb(61,42,53)
```
#48323f
```
#48323f rgb(72,50,63)
```
#543a49
```
#543a49 rgb(84,58,73)
```
#5f4254
```
#5f4254 rgb(95,66,84)
```
#6b4a5e
```
#6b4a5e rgb(107,74,94)
```
#765268
```
#765268 rgb(118,82,104)
```
#825a72
```
#825a72 rgb(130,90,114)
```
#8e627c
```
#8e627c rgb(142,98,124)
```

Shade Color Variation

#986b86
```
#986b86 rgb(152,107,134)
```
#a07790
```
#a07790 rgb(160,119,144)
```
#a88299
```
#a88299 rgb(168,130,153)
```
#b18ea3
```
#b18ea3 rgb(177,142,163)
```
#b999ac
```
#b999ac rgb(185,153,172)
```
#c1a5b6
```
#c1a5b6 rgb(193,165,182)
```
#c9b1bf
```
#c9b1bf rgb(201,177,191)
```
#d1bcc8
```
#d1bcc8 rgb(209,188,200)
```
#d9c8d2
```
#d9c8d2 rgb(217,200,210)
```
#e1d3db
```
#e1d3db rgb(225,211,219)
```
#e9dfe5
```
#e9dfe5 rgb(233,223,229)
```
#f1ebee
```
#f1ebee rgb(241,235,238)
```
#f9f6f8
```
#f9f6f8 rgb(249,246,248)
```

Tint Color Variation

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

#2b282a
```
#2b282a rgb(43,40,42)
```
#2e252a
```
#2e252a rgb(46,37,42)
```
#31222b
```
#31222b rgb(49,34,43)
```
#341f2c
```
#341f2c rgb(52,31,44)
```
#371c2c
```
#371c2c rgb(55,28,44)
```
#3b182d
```
#3b182d rgb(59,24,45)
```
#3e152e
```
#3e152e rgb(62,21,46)
```
#41122e
```
#41122e rgb(65,18,46)
```
#440f2f
```
#440f2f rgb(68,15,47)
```
#470c2f
```
#470c2f rgb(71,12,47)
```
#4b0830
```
#4b0830 rgb(75,8,48)
```
#4e0531
```
#4e0531 rgb(78,5,49)
```
#510231
```
#510231 rgb(81,2,49)
```

Tone Color Variation

Below, you can see how #31222b 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
#2a2729 Atypical Achromatopsia 0.001% of the population

Dichromacy

#303138 Protanopia 1% of men
#343035 Deuteranopia 1% of men
#3b2e31 Tritanopia 0.001% of the population

Trichromacy

#302b33 Protanomaly 1% of men, 0.01% of women
#332b31 Deuteranomaly 6% of men, 0.4% of women
#37292f Tritanomaly 0.01% of the population

#31222b hex color

#31222b Color Information

#31222b Color Conversion

Color Schemes with #31222b

Alternatives to #31222b

#31222b Preview

Shades and Tints of #31222b

Tones of #31222b

Color Blindness Simulator