#310a18 hex color

In a RGB color space, hex #310a18 is composed of 19.2% red, 3.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.6% magenta, 51% yellow and 80.8% black. It has a hue angle of 338.5 degrees, a saturation of 66.1% and a lightness of 11.6%. #310a18 color hex could be obtained by blending #621430 with #000000. Closest websafe color is: #330000.

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

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

The hexadecimal color #310a18 has RGB values of R:49, G:10, B:24 and CMYK values of C:0, M:0.8, Y:0.51, K:0.81. Its decimal value is 3213848.

Hex triplet	310a18	`#310a18`
RGB Decimal	49, 10, 24	`rgb(49,10,24)`
RGB Percent	19.2, 3.9, 9.4	`rgb(19.2%,3.9%,9.4%)`
CMYK	0, 80, 51, 81
HSL	338.5°, 66.1, 11.6	`hsl(338.5,66.1%,11.6%)`
HSV (or HSB)	338.5°, 79.6, 19.2
Web Safe	330000	`#330000`

CIE-LAB	8.448, 21.145, 0.781
XYZ	1.54, 0.936, 0.964
xyY	0.448, 0.272, 0.936
CIE-LCH	8.448, 21.159, 2.115
CIE-LUV	8.448, 14.895, -1.346
Hunter-Lab	9.675, 11.48, 0.867
Binary	00110001, 00001010, 00011000

#310a18
```
#310a18 rgb(49,10,24)
```
#0a3123
```
#0a3123 rgb(10,49,35)
```

Complementary Color

#310a2c
```
#310a2c rgb(49,10,44)
```
#310a18
```
#310a18 rgb(49,10,24)
```
#31100a
```
#31100a rgb(49,16,10)
```

Analogous Color

#0a2c31
```
#0a2c31 rgb(10,44,49)
```
#310a18
```
#310a18 rgb(49,10,24)
```
#0a3110
```
#0a3110 rgb(10,49,16)
```

Split Complementary Color

#0a1831
```
#0a1831 rgb(10,24,49)
```
#310a18
```
#310a18 rgb(49,10,24)
```
#18310a
```
#18310a rgb(24,49,10)
```

Triadic Color

#230a31
```
#230a31 rgb(35,10,49)
```
#310a18
```
#310a18 rgb(49,10,24)
```
#18310a
```
#18310a rgb(24,49,10)
```
#0a3123
```
#0a3123 rgb(10,49,35)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#070103
```
#070103 rgb(7,1,3)
```
#1c060e
```
#1c060e rgb(28,6,14)
```
#310a18
```
#310a18 rgb(49,10,24)
```
#460e22
```
#460e22 rgb(70,14,34)
```
#5b132d
```
#5b132d rgb(91,19,45)
```
#711737
```
#711737 rgb(113,23,55)
```

Monochromatic Color

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

#310a22
```
#310a22 rgb(49,10,34)
```
#310a1f
```
#310a1f rgb(49,10,31)
```
#310a1b
```
#310a1b rgb(49,10,27)
```
#310a18
```
#310a18 rgb(49,10,24)
```
#310a15
```
#310a15 rgb(49,10,21)
```
#310a12
```
#310a12 rgb(49,10,18)
```
#310a0e
```
#310a0e rgb(49,10,14)
```

Similar Colors

Text with hexadecimal color #310a18

This text has a font color of #310a18.

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

#310a18 background color

This paragraph has a background color of #310a18.

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

#310a18 border color

This element has a border color of #310a18.

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

CSS codes

.text {color:#310a18;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#100308
```
#100308 rgb(16,3,8)
```
#210710
```
#210710 rgb(33,7,16)
```
#310a18
```
#310a18 rgb(49,10,24)
```
#410d20
```
#410d20 rgb(65,13,32)
```
#521128
```
#521128 rgb(82,17,40)
```
#621430
```
#621430 rgb(98,20,48)
```
#721738
```
#721738 rgb(114,23,56)
```
#821b40
```
#821b40 rgb(130,27,64)
```
#931e48
```
#931e48 rgb(147,30,72)
```
#a32150
```
#a32150 rgb(163,33,80)
```
#b32558
```
#b32558 rgb(179,37,88)
```
#c42860
```
#c42860 rgb(196,40,96)
```

Shade Color Variation

#d42b68
```
#d42b68 rgb(212,43,104)
```
#d73c73
```
#d73c73 rgb(215,60,115)
```
#da4c7f
```
#da4c7f rgb(218,76,127)
```
#de5c8b
```
#de5c8b rgb(222,92,139)
```
#e16d96
```
#e16d96 rgb(225,109,150)
```
#e47da2
```
#e47da2 rgb(228,125,162)
```
#e88dae
```
#e88dae rgb(232,141,174)
```
#eb9db9
```
#eb9db9 rgb(235,157,185)
```
#eeaec5
```
#eeaec5 rgb(238,174,197)
```
#f2bed1
```
#f2bed1 rgb(242,190,209)
```
#f5cedc
```
#f5cedc rgb(245,206,220)
```
#f8dfe8
```
#f8dfe8 rgb(248,223,232)
```
#fceff3
```
#fceff3 rgb(252,239,243)
```

Tint Color Variation

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

#1f1c1d
```
#1f1c1d rgb(31,28,29)
```
#211a1c
```
#211a1c rgb(33,26,28)
```
#23181c
```
#23181c rgb(35,24,28)
```
#26151b
```
#26151b rgb(38,21,27)
```
#28131b
```
#28131b rgb(40,19,27)
```
#2a111a
```
#2a111a rgb(42,17,26)
```
#2c0f19
```
#2c0f19 rgb(44,15,25)
```
#2f0c19
```
#2f0c19 rgb(47,12,25)
```
#310a18
```
#310a18 rgb(49,10,24)
```
#330817
```
#330817 rgb(51,8,23)
```
#360517
```
#360517 rgb(54,5,23)
```
#380316
```
#380316 rgb(56,3,22)
```
#3a0115
```
#3a0115 rgb(58,1,21)
```

Tone Color Variation

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

#171717 Achromatopsia 0.005% of the population
#1c1417 Atypical Achromatopsia 0.001% of the population

Dichromacy

#22242a Protanopia 1% of men
#282321 Deuteranopia 1% of men
#3b181a Tritanopia 0.001% of the population

Trichromacy

#281a24 Protanomaly 1% of men, 0.01% of women
#2b1a1d Deuteranomaly 6% of men, 0.4% of women
#371319 Tritanomaly 0.01% of the population

#310a18 hex color

#310a18 Color Information

#310a18 Color Conversion

Color Schemes with #310a18

Alternatives to #310a18

#310a18 Preview

Shades and Tints of #310a18

Tones of #310a18

Color Blindness Simulator