#311a24 hex color

In a RGB color space, hex #311a24 is composed of 19.2% red, 10.2% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.9% magenta, 26.5% yellow and 80.8% black. It has a hue angle of 333.9 degrees, a saturation of 30.7% and a lightness of 14.7%. #311a24 color hex could be obtained by blending #623448 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 10
- B 14
RGB color chart
- C 0
- M 47
- Y 27
- K 81
CMYK color chart

● #311a24 color description : Very dark (mostly black) pink.

The hexadecimal color #311a24 has RGB values of R:49, G:26, B:36 and CMYK values of C:0, M:0.47, Y:0.27, K:0.81. Its decimal value is 3217956.

Hex triplet	311a24	`#311a24`
RGB Decimal	49, 26, 36	`rgb(49,26,36)`
RGB Percent	19.2, 10.2, 14.1	`rgb(19.2%,10.2%,14.1%)`
CMYK	0, 47, 27, 81
HSL	333.9°, 30.7, 14.7	`hsl(333.9,30.7%,14.7%)`
HSV (or HSB)	333.9°, 46.9, 19.2
Web Safe	333333	`#333333`

CIE-LAB	12.73, 13.147, -1.968
XYZ	1.954, 1.519, 1.859
xyY	0.366, 0.285, 1.519
CIE-LCH	12.73, 13.293, 351.487
CIE-LUV	12.73, 9.929, -2.877
Hunter-Lab	12.326, 6.734, -0.316
Binary	00110001, 00011010, 00100100

#311a24
```
#311a24 rgb(49,26,36)
```
#1a3127
```
#1a3127 rgb(26,49,39)
```

Complementary Color

#311a30
```
#311a30 rgb(49,26,48)
```
#311a24
```
#311a24 rgb(49,26,36)
```
#311c1a
```
#311c1a rgb(49,28,26)
```

Analogous Color

#1a3031
```
#1a3031 rgb(26,48,49)
```
#311a24
```
#311a24 rgb(49,26,36)
```
#1a311c
```
#1a311c rgb(26,49,28)
```

Split Complementary Color

#1a2431
```
#1a2431 rgb(26,36,49)
```
#311a24
```
#311a24 rgb(49,26,36)
```
#24311a
```
#24311a rgb(36,49,26)
```

Triadic Color

#271a31
```
#271a31 rgb(39,26,49)
```
#311a24
```
#311a24 rgb(49,26,36)
```
#24311a
```
#24311a rgb(36,49,26)
```
#1a3127
```
#1a3127 rgb(26,49,39)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#10080c
```
#10080c rgb(16,8,12)
```
#201118
```
#201118 rgb(32,17,24)
```
#311a24
```
#311a24 rgb(49,26,36)
```
#422330
```
#422330 rgb(66,35,48)
```
#522c3c
```
#522c3c rgb(82,44,60)
```
#633549
```
#633549 rgb(99,53,73)
```

Monochromatic Color

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

#311a2a
```
#311a2a rgb(49,26,42)
```
#311a28
```
#311a28 rgb(49,26,40)
```
#311a26
```
#311a26 rgb(49,26,38)
```
#311a24
```
#311a24 rgb(49,26,36)
```
#311a22
```
#311a22 rgb(49,26,34)
```
#311a20
```
#311a20 rgb(49,26,32)
```
#311a1e
```
#311a1e rgb(49,26,30)
```

Similar Colors

Text with hexadecimal color #311a24

This text has a font color of #311a24.

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

#311a24 background color

This paragraph has a background color of #311a24.

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

#311a24 border color

This element has a border color of #311a24.

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

CSS codes

.text {color:#311a24;}

.background {background-color:#311a24;}

.border {border:1px solid #311a24;}

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

#0b0608
```
#0b0608 rgb(11,6,8)
```
#170c11
```
#170c11 rgb(23,12,17)
```
#24131b
```
#24131b rgb(36,19,27)
```
#311a24
```
#311a24 rgb(49,26,36)
```
#3e212d
```
#3e212d rgb(62,33,45)
```
#4b2837
```
#4b2837 rgb(75,40,55)
```
#572e40
```
#572e40 rgb(87,46,64)
```
#64354a
```
#64354a rgb(100,53,74)
```
#713c53
```
#713c53 rgb(113,60,83)
```
#7e435c
```
#7e435c rgb(126,67,92)
```
#8b4a66
```
#8b4a66 rgb(139,74,102)
```
#98506f
```
#98506f rgb(152,80,111)
```
#a45779
```
#a45779 rgb(164,87,121)
```

Shade Color Variation

#ac6383
```
#ac6383 rgb(172,99,131)
```
#b3708d
```
#b3708d rgb(179,112,141)
```
#ba7d97
```
#ba7d97 rgb(186,125,151)
```
#c189a1
```
#c189a1 rgb(193,137,161)
```
#c796ac
```
#c796ac rgb(199,150,172)
```
#cea3b6
```
#cea3b6 rgb(206,163,182)
```
#d5b0c0
```
#d5b0c0 rgb(213,176,192)
```
#dcbdca
```
#dcbdca rgb(220,189,202)
```
#e3c9d4
```
#e3c9d4 rgb(227,201,212)
```
#e9d6df
```
#e9d6df rgb(233,214,223)
```
#f0e3e9
```
#f0e3e9 rgb(240,227,233)
```
#f7f0f3
```
#f7f0f3 rgb(247,240,243)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#282325
```
#282325 rgb(40,35,37)
```
#2b2025
```
#2b2025 rgb(43,32,37)
```
#2e1d24
```
#2e1d24 rgb(46,29,36)
```
#311a24
```
#311a24 rgb(49,26,36)
```
#341724
```
#341724 rgb(52,23,36)
```
#371423
```
#371423 rgb(55,20,35)
```
#3a1123
```
#3a1123 rgb(58,17,35)
```
#3d0e22
```
#3d0e22 rgb(61,14,34)
```
#3f0c22
```
#3f0c22 rgb(63,12,34)
```
#420922
```
#420922 rgb(66,9,34)
```
#450621
```
#450621 rgb(69,6,33)
```
#480321
```
#480321 rgb(72,3,33)
```
#4b0021
```
#4b0021 rgb(75,0,33)
```

Tone Color Variation

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

#2b2c32 Protanopia 1% of men
#302b2d Deuteranopia 1% of men
#3b2729 Tritanopia 0.001% of the population

Trichromacy

#2d252d Protanomaly 1% of men, 0.01% of women
#30252a Deuteranomaly 6% of men, 0.4% of women
#372227 Tritanomaly 0.01% of the population

#311a24 hex color

#311a24 Color Information

#311a24 Color Conversion

Color Schemes with #311a24

Alternatives to #311a24

#311a24 Preview

Shades and Tints of #311a24

Tones of #311a24

Color Blindness Simulator