#311424 hex color

In a RGB color space, hex #311424 is composed of 19.2% red, 7.8% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.2% magenta, 26.5% yellow and 80.8% black. It has a hue angle of 326.9 degrees, a saturation of 42% and a lightness of 13.5%. #311424 color hex could be obtained by blending #622848 with #000000. Closest websafe color is: #330033.

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

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

The hexadecimal color #311424 has RGB values of R:49, G:20, B:36 and CMYK values of C:0, M:0.59, Y:0.27, K:0.81. Its decimal value is 3216420.

Hex triplet	311424	`#311424`
RGB Decimal	49, 20, 36	`rgb(49,20,36)`
RGB Percent	19.2, 7.8, 14.1	`rgb(19.2%,7.8%,14.1%)`
CMYK	0, 59, 27, 81
HSL	326.9°, 42, 13.5	`hsl(326.9,42%,13.5%)`
HSV (or HSB)	326.9°, 59.2, 19.2
Web Safe	330033	`#330033`

CIE-LAB	11.14, 17.154, -4.339
XYZ	1.835, 1.281, 1.82
xyY	0.372, 0.26, 1.281
CIE-LCH	11.14, 17.694, 345.806
CIE-LUV	11.14, 11.458, -4.844
Hunter-Lab	11.317, 9.141, -1.61
Binary	00110001, 00010100, 00100100

#311424
```
#311424 rgb(49,20,36)
```
#143121
```
#143121 rgb(20,49,33)
```

Complementary Color

#301431
```
#301431 rgb(48,20,49)
```
#311424
```
#311424 rgb(49,20,36)
```
#311416
```
#311416 rgb(49,20,22)
```

Analogous Color

#143130
```
#143130 rgb(20,49,48)
```
#311424
```
#311424 rgb(49,20,36)
```
#163114
```
#163114 rgb(22,49,20)
```

Split Complementary Color

#142431
```
#142431 rgb(20,36,49)
```
#311424
```
#311424 rgb(49,20,36)
```
#243114
```
#243114 rgb(36,49,20)
```

Triadic Color

#211431
```
#211431 rgb(33,20,49)
```
#311424
```
#311424 rgb(49,20,36)
```
#243114
```
#243114 rgb(36,49,20)
```
#143121
```
#143121 rgb(20,49,33)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0d0509
```
#0d0509 rgb(13,5,9)
```
#1f0d17
```
#1f0d17 rgb(31,13,23)
```
#311424
```
#311424 rgb(49,20,36)
```
#431b31
```
#431b31 rgb(67,27,49)
```
#55233f
```
#55233f rgb(85,35,63)
```
#672a4c
```
#672a4c rgb(103,42,76)
```

Monochromatic Color

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

#31142b
```
#31142b rgb(49,20,43)
```
#311429
```
#311429 rgb(49,20,41)
```
#311426
```
#311426 rgb(49,20,38)
```
#311424
```
#311424 rgb(49,20,36)
```
#311422
```
#311422 rgb(49,20,34)
```
#31141f
```
#31141f rgb(49,20,31)
```
#31141d
```
#31141d rgb(49,20,29)
```

Similar Colors

Text with hexadecimal color #311424

This text has a font color of #311424.

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

#311424 background color

This paragraph has a background color of #311424.

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

#311424 border color

This element has a border color of #311424.

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

CSS codes

.text {color:#311424;}

.background {background-color:#311424;}

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

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

#070305
```
#070305 rgb(7,3,5)
```
#150910
```
#150910 rgb(21,9,16)
```
#230e1a
```
#230e1a rgb(35,14,26)
```
#311424
```
#311424 rgb(49,20,36)
```
#3f1a2e
```
#3f1a2e rgb(63,26,46)
```
#4d1f38
```
#4d1f38 rgb(77,31,56)
```
#5b2543
```
#5b2543 rgb(91,37,67)
```
#692b4d
```
#692b4d rgb(105,43,77)
```
#773057
```
#773057 rgb(119,48,87)
```
#853661
```
#853661 rgb(133,54,97)
```
#933c6c
```
#933c6c rgb(147,60,108)
```
#a04176
```
#a04176 rgb(160,65,118)
```
#ae4780
```
#ae4780 rgb(174,71,128)
```

Shade Color Variation

#b8518a
```
#b8518a rgb(184,81,138)
```
#be5f93
```
#be5f93 rgb(190,95,147)
```
#c36d9d
```
#c36d9d rgb(195,109,157)
```
#c97ba6
```
#c97ba6 rgb(201,123,166)
```
#cf89af
```
#cf89af rgb(207,137,175)
```
#d497b9
```
#d497b9 rgb(212,151,185)
```
#daa5c2
```
#daa5c2 rgb(218,165,194)
```
#e0b3cc
```
#e0b3cc rgb(224,179,204)
```
#e6c1d5
```
#e6c1d5 rgb(230,193,213)
```
#ebcede
```
#ebcede rgb(235,206,222)
```
#f1dce8
```
#f1dce8 rgb(241,220,232)
```
#f7eaf1
```
#f7eaf1 rgb(247,234,241)
```
#fcf8fa
```
#fcf8fa rgb(252,248,250)
```

Tint Color Variation

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

#242123
```
#242123 rgb(36,33,35)
```
#261f23
```
#261f23 rgb(38,31,35)
```
#291c23
```
#291c23 rgb(41,28,35)
```
#2c1923
```
#2c1923 rgb(44,25,35)
```
#2e1724
```
#2e1724 rgb(46,23,36)
```
#311424
```
#311424 rgb(49,20,36)
```
#341124
```
#341124 rgb(52,17,36)
```
#360f25
```
#360f25 rgb(54,15,37)
```
#390c25
```
#390c25 rgb(57,12,37)
```
#3c0925
```
#3c0925 rgb(60,9,37)
```
#3e0725
```
#3e0725 rgb(62,7,37)
```
#410426
```
#410426 rgb(65,4,38)
```
#440126
```
#440126 rgb(68,1,38)
```

Tone Color Variation

Below, you can see how #311424 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
#221c1f Atypical Achromatopsia 0.001% of the population

Dichromacy

#262934 Protanopia 1% of men
#2b282d Deuteranopia 1% of men
#3a2224 Tritanopia 0.001% of the population

Trichromacy

#2a212e Protanomaly 1% of men, 0.01% of women
#2d2129 Deuteranomaly 6% of men, 0.4% of women
#371d24 Tritanomaly 0.01% of the population

#311424 hex color

#311424 Color Information

#311424 Color Conversion

Color Schemes with #311424

Alternatives to #311424

#311424 Preview

Shades and Tints of #311424

Tones of #311424

Color Blindness Simulator