colorhexa.com

#311f24 hex color

In a RGB color space, hex #311f24 is composed of 19.2% red, 12.2% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.7% magenta, 26.5% yellow and 80.8% black. It has a hue angle of 343.3 degrees, a saturation of 22.5% and a lightness of 15.7%. #311f24 color hex could be obtained by blending #623e48 with #000000. Closest websafe color is: #333333.

- R 19
- G 12
- B 14
RGB color chart
- C 0
- M 37
- Y 27
- K 81
CMYK color chart

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

The hexadecimal color #311f24 has RGB values of R:49, G:31, B:36 and CMYK values of C:0, M:0.37, Y:0.27, K:0.81. Its decimal value is 3219236.

Hex triplet	311f24	`#311f24`
RGB Decimal	49, 31, 36	`rgb(49,31,36)`
RGB Percent	19.2, 12.2, 14.1	`rgb(19.2%,12.2%,14.1%)`
CMYK	0, 37, 27, 81
HSL	343.3°, 22.5, 15.7	`hsl(343.3,22.5%,15.7%)`
HSV (or HSB)	343.3°, 36.7, 19.2
Web Safe	333333	`#333333`

CIE-LAB	14.176, 9.674, 0.157
XYZ	2.075, 1.76, 1.899
xyY	0.362, 0.307, 1.76
CIE-LCH	14.176, 9.676, 0.931
CIE-LUV	14.176, 8.293, -0.883
Hunter-Lab	13.268, 4.697, 0.8
Binary	00110001, 00011111, 00100100

#311f24
```
#311f24 rgb(49,31,36)
```
#1f312c
```
#1f312c rgb(31,49,44)
```

Complementary Color

#311f2d
```
#311f2d rgb(49,31,45)
```
#311f24
```
#311f24 rgb(49,31,36)
```
#31231f
```
#31231f rgb(49,35,31)
```

Analogous Color

#1f2d31
```
#1f2d31 rgb(31,45,49)
```
#311f24
```
#311f24 rgb(49,31,36)
```
#1f3123
```
#1f3123 rgb(31,49,35)
```

Split Complementary Color

#020102
```
#020102 rgb(2,1,2)
```
#120b0d
```
#120b0d rgb(18,11,13)
```
#211519
```
#211519 rgb(33,21,25)
```
#311f24
```
#311f24 rgb(49,31,36)
```
#41292f
```
#41292f rgb(65,41,47)
```
#50333b
```
#50333b rgb(80,51,59)
```
#603d46
```
#603d46 rgb(96,61,70)
```

Monochromatic Color

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

#311f29
```
#311f29 rgb(49,31,41)
```
#311f27
```
#311f27 rgb(49,31,39)
```
#311f26
```
#311f26 rgb(49,31,38)
```
#311f24
```
#311f24 rgb(49,31,36)
```
#311f23
```
#311f23 rgb(49,31,35)
```
#311f21
```
#311f21 rgb(49,31,33)
```
#311f20
```
#311f20 rgb(49,31,32)
```

Similar Colors

Text with hexadecimal color #311f24

This text has a font color of #311f24.

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

#311f24 background color

This paragraph has a background color of #311f24.

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

#311f24 border color

This element has a border color of #311f24.

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

CSS codes

.text {color:#311f24;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0d080a
```
#0d080a rgb(13,8,10)
```
#191012
```
#191012 rgb(25,16,18)
```
#25171b
```
#25171b rgb(37,23,27)
```
#311f24
```
#311f24 rgb(49,31,36)
```
#3d272d
```
#3d272d rgb(61,39,45)
```
#492e36
```
#492e36 rgb(73,46,54)
```
#55363e
```
#55363e rgb(85,54,62)
```
#613d47
```
#613d47 rgb(97,61,71)
```
#6d4550
```
#6d4550 rgb(109,69,80)
```
#794d59
```
#794d59 rgb(121,77,89)
```
#855462
```
#855462 rgb(133,84,98)
```
#915c6b
```
#915c6b rgb(145,92,107)
```

Shade Color Variation

#9d6474
```
#9d6474 rgb(157,100,116)
```
#a4707e
```
#a4707e rgb(164,112,126)
```
#ac7c89
```
#ac7c89 rgb(172,124,137)
```
#b48894
```
#b48894 rgb(180,136,148)
```
#bb949f
```
#bb949f rgb(187,148,159)
```
#c3a0aa
```
#c3a0aa rgb(195,160,170)
```
#caacb4
```
#caacb4 rgb(202,172,180)
```
#d2b8bf
```
#d2b8bf rgb(210,184,191)
```
#dac4ca
```
#dac4ca rgb(218,196,202)
```
#e1d0d5
```
#e1d0d5 rgb(225,208,213)
```
#e9dcdf
```
#e9dcdf rgb(233,220,223)
```
#f0e8ea
```
#f0e8ea rgb(240,232,234)
```
#f8f4f5
```
#f8f4f5 rgb(248,244,245)
```

Tint Color Variation

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

#2b2527
```
#2b2527 rgb(43,37,39)
```
#2e2225
```
#2e2225 rgb(46,34,37)
```
#311f24
```
#311f24 rgb(49,31,36)
```
#341c23
```
#341c23 rgb(52,28,35)
```
#371921
```
#371921 rgb(55,25,33)
```
#3a1620
```
#3a1620 rgb(58,22,32)
```
#3d131f
```
#3d131f rgb(61,19,31)
```
#40101d
```
#40101d rgb(64,16,29)
```
#430d1c
```
#430d1c rgb(67,13,28)
```
#47091a
```
#47091a rgb(71,9,26)
```
#4a0619
```
#4a0619 rgb(74,6,25)
```
#4d0318
```
#4d0318 rgb(77,3,24)
```
#500016
```
#500016 rgb(80,0,22)
```

Tone Color Variation

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

#252525 Achromatopsia 0.005% of the population
#272425 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f2f31 Protanopia 1% of men
#342d2e Deuteranopia 1% of men
#3b2a2d Tritanopia 0.001% of the population

Trichromacy

#30292c Protanomaly 1% of men, 0.01% of women
#32282a Deuteranomaly 6% of men, 0.4% of women
#37262a Tritanomaly 0.01% of the population