#310c18 hex color

In a RGB color space, hex #310c18 is composed of 19.2% red, 4.7% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.5% magenta, 51% yellow and 80.8% black. It has a hue angle of 340.5 degrees, a saturation of 60.7% and a lightness of 12%. #310c18 color hex could be obtained by blending #621830 with #000000. Closest websafe color is: #330000.

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

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

The hexadecimal color #310c18 has RGB values of R:49, G:12, B:24 and CMYK values of C:0, M:0.76, Y:0.51, K:0.81. Its decimal value is 3214360.

Hex triplet	310c18	`#310c18`
RGB Decimal	49, 12, 24	`rgb(49,12,24)`
RGB Percent	19.2, 4.7, 9.4	`rgb(19.2%,4.7%,9.4%)`
CMYK	0, 76, 51, 81
HSL	340.5°, 60.7, 12	`hsl(340.5,60.7%,12%)`
HSV (or HSB)	340.5°, 75.5, 19.2
Web Safe	330000	`#330000`

CIE-LAB	8.841, 20.077, 1.349
XYZ	1.563, 0.982, 0.971
xyY	0.444, 0.279, 0.982
CIE-LCH	8.841, 20.122, 3.844
CIE-LUV	8.841, 14.672, -0.941
Hunter-Lab	9.91, 10.812, 1.125
Binary	00110001, 00001100, 00011000

#310c18
```
#310c18 rgb(49,12,24)
```
#0c3125
```
#0c3125 rgb(12,49,37)
```

Complementary Color

#310c2b
```
#310c2b rgb(49,12,43)
```
#310c18
```
#310c18 rgb(49,12,24)
```
#31130c
```
#31130c rgb(49,19,12)
```

Analogous Color

#0c2b31
```
#0c2b31 rgb(12,43,49)
```
#310c18
```
#310c18 rgb(49,12,24)
```
#0c3113
```
#0c3113 rgb(12,49,19)
```

Split Complementary Color

#0c1831
```
#0c1831 rgb(12,24,49)
```
#310c18
```
#310c18 rgb(49,12,24)
```
#18310c
```
#18310c rgb(24,49,12)
```

Triadic Color

#250c31
```
#250c31 rgb(37,12,49)
```
#310c18
```
#310c18 rgb(49,12,24)
```
#18310c
```
#18310c rgb(24,49,12)
```
#0c3125
```
#0c3125 rgb(12,49,37)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#080204
```
#080204 rgb(8,2,4)
```
#1d070e
```
#1d070e rgb(29,7,14)
```
#310c18
```
#310c18 rgb(49,12,24)
```
#451122
```
#451122 rgb(69,17,34)
```
#5a162c
```
#5a162c rgb(90,22,44)
```
#6e1b36
```
#6e1b36 rgb(110,27,54)
```

Monochromatic Color

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

#310c21
```
#310c21 rgb(49,12,33)
```
#310c1e
```
#310c1e rgb(49,12,30)
```
#310c1b
```
#310c1b rgb(49,12,27)
```
#310c18
```
#310c18 rgb(49,12,24)
```
#310c15
```
#310c15 rgb(49,12,21)
```
#310c12
```
#310c12 rgb(49,12,18)
```
#310c0f
```
#310c0f rgb(49,12,15)
```

Similar Colors

Text with hexadecimal color #310c18

This text has a font color of #310c18.

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

#310c18 background color

This paragraph has a background color of #310c18.

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

#310c18 border color

This element has a border color of #310c18.

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

CSS codes

.text {color:#310c18;}

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

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

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

#020001
```
#020001 rgb(2,0,1)
```
#110409
```
#110409 rgb(17,4,9)
```
#210810
```
#210810 rgb(33,8,16)
```
#310c18
```
#310c18 rgb(49,12,24)
```
#411020
```
#411020 rgb(65,16,32)
```
#511427
```
#511427 rgb(81,20,39)
```
#60182f
```
#60182f rgb(96,24,47)
```
#701b37
```
#701b37 rgb(112,27,55)
```
#801f3f
```
#801f3f rgb(128,31,63)
```
#902346
```
#902346 rgb(144,35,70)
```
#9f274e
```
#9f274e rgb(159,39,78)
```
#af2b56
```
#af2b56 rgb(175,43,86)
```
#bf2f5d
```
#bf2f5d rgb(191,47,93)
```

Shade Color Variation

#cd3466
```
#cd3466 rgb(205,52,102)
```
#d14472
```
#d14472 rgb(209,68,114)
```
#d5537d
```
#d5537d rgb(213,83,125)
```
#d96389
```
#d96389 rgb(217,99,137)
```
#dd7395
```
#dd7395 rgb(221,115,149)
```
#e183a1
```
#e183a1 rgb(225,131,161)
```
#e492ad
```
#e492ad rgb(228,146,173)
```
#e8a2b9
```
#e8a2b9 rgb(232,162,185)
```
#ecb2c5
```
#ecb2c5 rgb(236,178,197)
```
#f0c2d1
```
#f0c2d1 rgb(240,194,209)
```
#f4d1dd
```
#f4d1dd rgb(244,209,221)
```
#f8e1e9
```
#f8e1e9 rgb(248,225,233)
```
#fcf1f4
```
#fcf1f4 rgb(252,241,244)
```

Tint Color Variation

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

#211c1e
```
#211c1e rgb(33,28,30)
```
#231a1d
```
#231a1d rgb(35,26,29)
```
#25181c
```
#25181c rgb(37,24,28)
```
#28151b
```
#28151b rgb(40,21,27)
```
#2a131a
```
#2a131a rgb(42,19,26)
```
#2c111a
```
#2c111a rgb(44,17,26)
```
#2f0e19
```
#2f0e19 rgb(47,14,25)
```
#310c18
```
#310c18 rgb(49,12,24)
```
#330a17
```
#330a17 rgb(51,10,23)
```
#360716
```
#360716 rgb(54,7,22)
```
#380516
```
#380516 rgb(56,5,22)
```
#3a0315
```
#3a0315 rgb(58,3,21)
```
#3d0014
```
#3d0014 rgb(61,0,20)
```

Tone Color Variation

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

#181818 Achromatopsia 0.005% of the population
#1d1618 Atypical Achromatopsia 0.001% of the population

Dichromacy

#24242a Protanopia 1% of men
#292321 Deuteranopia 1% of men
#3b1a1b Tritanopia 0.001% of the population

Trichromacy

#281b23 Protanomaly 1% of men, 0.01% of women
#2c1b1e Deuteranomaly 6% of men, 0.4% of women
#37151a Tritanomaly 0.01% of the population

#310c18 hex color

#310c18 Color Information

#310c18 Color Conversion

Color Schemes with #310c18

Alternatives to #310c18

#310c18 Preview

Shades and Tints of #310c18

Tones of #310c18

Color Blindness Simulator