#310e18 hex color

In a RGB color space, hex #310e18 is composed of 19.2% red, 5.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.4% magenta, 51% yellow and 80.8% black. It has a hue angle of 342.9 degrees, a saturation of 55.6% and a lightness of 12.4%. #310e18 color hex could be obtained by blending #621c30 with #000000. Closest websafe color is: #330000.

♥
- f
- t
- g
- R 19
- G 5
- B 9
RGB color chart
- C 0
- M 71
- Y 51
- K 81
CMYK color chart

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

The hexadecimal color #310e18 has RGB values of R:49, G:14, B:24 and CMYK values of C:0, M:0.71, Y:0.51, K:0.81. Its decimal value is 3214872.

Hex triplet	310e18	`#310e18`
RGB Decimal	49, 14, 24	`rgb(49,14,24)`
RGB Percent	19.2, 5.5, 9.4	`rgb(19.2%,5.5%,9.4%)`
CMYK	0, 71, 51, 81
HSL	342.9°, 55.6, 12.4	`hsl(342.9,55.6%,12.4%)`
HSV (or HSB)	342.9°, 71.4, 19.2
Web Safe	330000	`#330000`

CIE-LAB	9.264, 18.939, 1.959
XYZ	1.589, 1.033, 0.98
xyY	0.441, 0.287, 1.033
CIE-LCH	9.264, 19.04, 5.905
CIE-LUV	9.264, 14.389, -0.483
Hunter-Lab	10.164, 10.11, 1.399
Binary	00110001, 00001110, 00011000

#310e18
```
#310e18 rgb(49,14,24)
```
#0e3127
```
#0e3127 rgb(14,49,39)
```

Complementary Color

#310e2a
```
#310e2a rgb(49,14,42)
```
#310e18
```
#310e18 rgb(49,14,24)
```
#31160e
```
#31160e rgb(49,22,14)
```

Analogous Color

#0e2a31
```
#0e2a31 rgb(14,42,49)
```
#310e18
```
#310e18 rgb(49,14,24)
```
#0e3116
```
#0e3116 rgb(14,49,22)
```

Split Complementary Color

#0e1831
```
#0e1831 rgb(14,24,49)
```
#310e18
```
#310e18 rgb(49,14,24)
```
#18310e
```
#18310e rgb(24,49,14)
```

Triadic Color

#270e31
```
#270e31 rgb(39,14,49)
```
#310e18
```
#310e18 rgb(49,14,24)
```
#18310e
```
#18310e rgb(24,49,14)
```
#0e3127
```
#0e3127 rgb(14,49,39)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#090305
```
#090305 rgb(9,3,5)
```
#1d080e
```
#1d080e rgb(29,8,14)
```
#310e18
```
#310e18 rgb(49,14,24)
```
#451422
```
#451422 rgb(69,20,34)
```
#59192b
```
#59192b rgb(89,25,43)
```
#6d1f35
```
#6d1f35 rgb(109,31,53)
```

Monochromatic Color

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

#310e21
```
#310e21 rgb(49,14,33)
```
#310e1e
```
#310e1e rgb(49,14,30)
```
#310e1b
```
#310e1b rgb(49,14,27)
```
#310e18
```
#310e18 rgb(49,14,24)
```
#310e15
```
#310e15 rgb(49,14,21)
```
#310e12
```
#310e12 rgb(49,14,18)
```
#310e0f
```
#310e0f rgb(49,14,15)
```

Similar Colors

Text with hexadecimal color #310e18

This text has a font color of #310e18.

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

#310e18 background color

This paragraph has a background color of #310e18.

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

#310e18 border color

This element has a border color of #310e18.

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

CSS codes

.text {color:#310e18;}

.background {background-color:#310e18;}

.border {border:1px solid #310e18;}

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

#030102
```
#030102 rgb(3,1,2)
```
#120509
```
#120509 rgb(18,5,9)
```
#220a11
```
#220a11 rgb(34,10,17)
```
#310e18
```
#310e18 rgb(49,14,24)
```
#40121f
```
#40121f rgb(64,18,31)
```
#501727
```
#501727 rgb(80,23,39)
```
#5f1b2e
```
#5f1b2e rgb(95,27,46)
```
#6e1f36
```
#6e1f36 rgb(110,31,54)
```
#7d243d
```
#7d243d rgb(125,36,61)
```
#8d2845
```
#8d2845 rgb(141,40,69)
```
#9c2d4c
```
#9c2d4c rgb(156,45,76)
```
#ab3154
```
#ab3154 rgb(171,49,84)
```
#ba355b
```
#ba355b rgb(186,53,91)
```

Shade Color Variation

#c73c64
```
#c73c64 rgb(199,60,100)
```
#cc4b70
```
#cc4b70 rgb(204,75,112)
```
#d05a7c
```
#d05a7c rgb(208,90,124)
```
#d46a88
```
#d46a88 rgb(212,106,136)
```
#d97994
```
#d97994 rgb(217,121,148)
```
#dd88a0
```
#dd88a0 rgb(221,136,160)
```
#e197ad
```
#e197ad rgb(225,151,173)
```
#e6a7b9
```
#e6a7b9 rgb(230,167,185)
```
#eab6c5
```
#eab6c5 rgb(234,182,197)
```
#eec5d1
```
#eec5d1 rgb(238,197,209)
```
#f3d4dd
```
#f3d4dd rgb(243,212,221)
```
#f7e4e9
```
#f7e4e9 rgb(247,228,233)
```
#fcf3f5
```
#fcf3f5 rgb(252,243,245)
```

Tint Color Variation

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

#201f1f
```
#201f1f rgb(32,31,31)
```
#221d1e
```
#221d1e rgb(34,29,30)
```
#251a1d
```
#251a1d rgb(37,26,29)
```
#27181c
```
#27181c rgb(39,24,28)
```
#2a151b
```
#2a151b rgb(42,21,27)
```
#2c131a
```
#2c131a rgb(44,19,26)
```
#2f1019
```
#2f1019 rgb(47,16,25)
```
#310e18
```
#310e18 rgb(49,14,24)
```
#330c17
```
#330c17 rgb(51,12,23)
```
#360916
```
#360916 rgb(54,9,22)
```
#380715
```
#380715 rgb(56,7,21)
```
#3b0414
```
#3b0414 rgb(59,4,20)
```
#3d0213
```
#3d0213 rgb(61,2,19)
```

Tone Color Variation

Below, you can see how #310e18 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

#1a1a1a Achromatopsia 0.005% of the population
#1f181a Atypical Achromatopsia 0.001% of the population

Dichromacy

#252529 Protanopia 1% of men
#2b2421 Deuteranopia 1% of men
#3b1b1d Tritanopia 0.001% of the population

Trichromacy

#291d23 Protanomaly 1% of men, 0.01% of women
#2d1c1e Deuteranomaly 6% of men, 0.4% of women
#37161b Tritanomaly 0.01% of the population

#310e18 hex color

#310e18 Color Information

#310e18 Color Conversion

Color Schemes with #310e18

Alternatives to #310e18

#310e18 Preview

Shades and Tints of #310e18

Tones of #310e18

Color Blindness Simulator