#331a22 hex color

In a RGB color space, hex #331a22 is composed of 20% red, 10.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 33.3% yellow and 80% black. It has a hue angle of 340.8 degrees, a saturation of 32.5% and a lightness of 15.1%. #331a22 color hex could be obtained by blending #663444 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 10
- B 13
RGB color chart
- C 0
- M 49
- Y 33
- K 80
CMYK color chart

● #331a22 color description : Very dark desaturated pink.

The hexadecimal color #331a22 has RGB values of R:51, G:26, B:34 and CMYK values of C:0, M:0.49, Y:0.33, K:0.8. Its decimal value is 3349026.

Hex triplet	331a22	`#331a22`
RGB Decimal	51, 26, 34	`rgb(51,26,34)`
RGB Percent	20, 10.2, 13.3	`rgb(20%,10.2%,13.3%)`
CMYK	0, 49, 33, 80
HSL	340.8°, 32.5, 15.1	`hsl(340.8,32.5%,15.1%)`
HSV (or HSB)	340.8°, 49, 20
Web Safe	333333	`#333333`

CIE-LAB	12.973, 13.689, -0.106
XYZ	2.023, 1.558, 1.707
xyY	0.383, 0.295, 1.558
CIE-LCH	12.973, 13.689, 359.555
CIE-LUV	12.973, 11.36, -1.488
Hunter-Lab	12.483, 7.089, 0.628
Binary	00110011, 00011010, 00100010

#331a22
```
#331a22 rgb(51,26,34)
```
#1a332b
```
#1a332b rgb(26,51,43)
```

Complementary Color

#331a2f
```
#331a2f rgb(51,26,47)
```
#331a22
```
#331a22 rgb(51,26,34)
```
#331f1a
```
#331f1a rgb(51,31,26)
```

Analogous Color

#1a2f33
```
#1a2f33 rgb(26,47,51)
```
#331a22
```
#331a22 rgb(51,26,34)
```
#1a331f
```
#1a331f rgb(26,51,31)
```

Split Complementary Color

#1a2233
```
#1a2233 rgb(26,34,51)
```
#331a22
```
#331a22 rgb(51,26,34)
```
#22331a
```
#22331a rgb(34,51,26)
```

Triadic Color

#2b1a33
```
#2b1a33 rgb(43,26,51)
```
#331a22
```
#331a22 rgb(51,26,34)
```
#22331a
```
#22331a rgb(34,51,26)
```
#1a332b
```
#1a332b rgb(26,51,43)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#11090b
```
#11090b rgb(17,9,11)
```
#221117
```
#221117 rgb(34,17,23)
```
#331a22
```
#331a22 rgb(51,26,34)
```
#44232d
```
#44232d rgb(68,35,45)
```
#552b39
```
#552b39 rgb(85,43,57)
```
#663444
```
#663444 rgb(102,52,68)
```

Monochromatic Color

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

#331a28
```
#331a28 rgb(51,26,40)
```
#331a26
```
#331a26 rgb(51,26,38)
```
#331a24
```
#331a24 rgb(51,26,36)
```
#331a22
```
#331a22 rgb(51,26,34)
```
#331a20
```
#331a20 rgb(51,26,32)
```
#331a1e
```
#331a1e rgb(51,26,30)
```
#331a1c
```
#331a1c rgb(51,26,28)
```

Similar Colors

Text with hexadecimal color #331a22

This text has a font color of #331a22.

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

#331a22 background color

This paragraph has a background color of #331a22.

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

#331a22 border color

This element has a border color of #331a22.

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

CSS codes

.text {color:#331a22;}

.background {background-color:#331a22;}

.border {border:1px solid #331a22;}

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

#0c0608
```
#0c0608 rgb(12,6,8)
```
#190d11
```
#190d11 rgb(25,13,17)
```
#261319
```
#261319 rgb(38,19,25)
```
#331a22
```
#331a22 rgb(51,26,34)
```
#40212b
```
#40212b rgb(64,33,43)
```
#4d2733
```
#4d2733 rgb(77,39,51)
```
#5a2e3c
```
#5a2e3c rgb(90,46,60)
```
#673445
```
#673445 rgb(103,52,69)
```
#743b4d
```
#743b4d rgb(116,59,77)
```
#814256
```
#814256 rgb(129,66,86)
```
#8e485f
```
#8e485f rgb(142,72,95)
```
#9b4f67
```
#9b4f67 rgb(155,79,103)
```
#a85670
```
#a85670 rgb(168,86,112)
```

Shade Color Variation

#af627b
```
#af627b rgb(175,98,123)
```
#b66f86
```
#b66f86 rgb(182,111,134)
```
#bc7c91
```
#bc7c91 rgb(188,124,145)
```
#c3899c
```
#c3899c rgb(195,137,156)
```
#ca96a7
```
#ca96a7 rgb(202,150,167)
```
#d0a3b2
```
#d0a3b2 rgb(208,163,178)
```
#d7b0bc
```
#d7b0bc rgb(215,176,188)
```
#ddbdc7
```
#ddbdc7 rgb(221,189,199)
```
#e4cad2
```
#e4cad2 rgb(228,202,210)
```
#ebd7dd
```
#ebd7dd rgb(235,215,221)
```
#f1e4e8
```
#f1e4e8 rgb(241,228,232)
```
#f8f1f3
```
#f8f1f3 rgb(248,241,243)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#272626
```
#272626 rgb(39,38,38)
```
#2a2325
```
#2a2325 rgb(42,35,37)
```
#2d2024
```
#2d2024 rgb(45,32,36)
```
#301d23
```
#301d23 rgb(48,29,35)
```
#331a22
```
#331a22 rgb(51,26,34)
```
#361721
```
#361721 rgb(54,23,33)
```
#391420
```
#391420 rgb(57,20,32)
```
#3c111f
```
#3c111f rgb(60,17,31)
```
#3f0e1e
```
#3f0e1e rgb(63,14,30)
```
#420b1d
```
#420b1d rgb(66,11,29)
```
#45081c
```
#45081c rgb(69,8,28)
```
#48051b
```
#48051b rgb(72,5,27)
```
#4b0219
```
#4b0219 rgb(75,2,25)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#252022 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c2c31 Protanopia 1% of men
#312b2b Deuteranopia 1% of men
#3d2629 Tritanopia 0.001% of the population

Trichromacy

#2e252b Protanomaly 1% of men, 0.01% of women
#322528 Deuteranomaly 6% of men, 0.4% of women
#392226 Tritanomaly 0.01% of the population

#331a22 hex color

#331a22 Color Information

#331a22 Color Conversion

Color Schemes with #331a22

Alternatives to #331a22

#331a22 Preview

Shades and Tints of #331a22

Tones of #331a22

Color Blindness Simulator