#310f0a hex color

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

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

● #310f0a color description : Very dark (mostly black) red.

The hexadecimal color #310f0a has RGB values of R:49, G:15, B:10 and CMYK values of C:0, M:0.69, Y:0.8, K:0.81. Its decimal value is 3215114.

Hex triplet	310f0a	`#310f0a`
RGB Decimal	49, 15, 10	`rgb(49,15,10)`
RGB Percent	19.2, 5.9, 3.9	`rgb(19.2%,5.9%,3.9%)`
CMYK	0, 69, 80, 81
HSL	7.7°, 66.1, 11.6	`hsl(7.7,66.1%,11.6%)`
HSV (or HSB)	7.7°, 79.6, 19.2
Web Safe	330000	`#330000`

CIE-LAB	9.13, 16.884, 9.951
XYZ	1.492, 1.017, 0.405
xyY	0.512, 0.349, 1.017
CIE-LCH	9.13, 19.598, 30.514
CIE-LUV	9.13, 15.972, 4.893
Hunter-Lab	10.083, 8.773, 4.678
Binary	00110001, 00001111, 00001010

#310f0a
```
#310f0a rgb(49,15,10)
```
#0a2c31
```
#0a2c31 rgb(10,44,49)
```

Complementary Color

#310a19
```
#310a19 rgb(49,10,25)
```
#310f0a
```
#310f0a rgb(49,15,10)
```
#31230a
```
#31230a rgb(49,35,10)
```

Analogous Color

#0a1931
```
#0a1931 rgb(10,25,49)
```
#310f0a
```
#310f0a rgb(49,15,10)
```
#0a3123
```
#0a3123 rgb(10,49,35)
```

Split Complementary Color

#0f0a31
```
#0f0a31 rgb(15,10,49)
```
#310f0a
```
#310f0a rgb(49,15,10)
```
#0a310f
```
#0a310f rgb(10,49,15)
```

Triadic Color

#310a2c
```
#310a2c rgb(49,10,44)
```
#310f0a
```
#310f0a rgb(49,15,10)
```
#0a310f
```
#0a310f rgb(10,49,15)
```
#0a2c31
```
#0a2c31 rgb(10,44,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#070201
```
#070201 rgb(7,2,1)
```
#1c0906
```
#1c0906 rgb(28,9,6)
```
#310f0a
```
#310f0a rgb(49,15,10)
```
#46150e
```
#46150e rgb(70,21,14)
```
#5b1c13
```
#5b1c13 rgb(91,28,19)
```
#712217
```
#712217 rgb(113,34,23)
```

Monochromatic Color

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

#310a0f
```
#310a0f rgb(49,10,15)
```
#310a0c
```
#310a0c rgb(49,10,12)
```
#310c0a
```
#310c0a rgb(49,12,10)
```
#310f0a
```
#310f0a rgb(49,15,10)
```
#31120a
```
#31120a rgb(49,18,10)
```
#31160a
```
#31160a rgb(49,22,10)
```
#31190a
```
#31190a rgb(49,25,10)
```

Similar Colors

Text with hexadecimal color #310f0a

This text has a font color of #310f0a.

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

#310f0a background color

This paragraph has a background color of #310f0a.

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

#310f0a border color

This element has a border color of #310f0a.

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

CSS codes

.text {color:#310f0a;}

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

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

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 #fcf0ef is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#100503
```
#100503 rgb(16,5,3)
```
#210a07
```
#210a07 rgb(33,10,7)
```
#310f0a
```
#310f0a rgb(49,15,10)
```
#41140d
```
#41140d rgb(65,20,13)
```
#521911
```
#521911 rgb(82,25,17)
```
#621e14
```
#621e14 rgb(98,30,20)
```
#722317
```
#722317 rgb(114,35,23)
```
#82281b
```
#82281b rgb(130,40,27)
```
#932d1e
```
#932d1e rgb(147,45,30)
```
#a33221
```
#a33221 rgb(163,50,33)
```
#b33725
```
#b33725 rgb(179,55,37)
```
#c43c28
```
#c43c28 rgb(196,60,40)
```

Shade Color Variation

#d4412b
```
#d4412b rgb(212,65,43)
```
#d7503c
```
#d7503c rgb(215,80,60)
```
#da5e4c
```
#da5e4c rgb(218,94,76)
```
#de6d5c
```
#de6d5c rgb(222,109,92)
```
#e17b6d
```
#e17b6d rgb(225,123,109)
```
#e48a7d
```
#e48a7d rgb(228,138,125)
```
#e8998d
```
#e8998d rgb(232,153,141)
```
#eba79d
```
#eba79d rgb(235,167,157)
```
#eeb6ae
```
#eeb6ae rgb(238,182,174)
```
#f2c5be
```
#f2c5be rgb(242,197,190)
```
#f5d3ce
```
#f5d3ce rgb(245,211,206)
```
#f8e2df
```
#f8e2df rgb(248,226,223)
```
#fcf0ef
```
#fcf0ef rgb(252,240,239)
```

Tint Color Variation

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

#1f1c1c
```
#1f1c1c rgb(31,28,28)
```
#211b1a
```
#211b1a rgb(33,27,26)
```
#231918
```
#231918 rgb(35,25,24)
```
#261715
```
#261715 rgb(38,23,21)
```
#281613
```
#281613 rgb(40,22,19)
```
#2a1411
```
#2a1411 rgb(42,20,17)
```
#2c120f
```
#2c120f rgb(44,18,15)
```
#2f110c
```
#2f110c rgb(47,17,12)
```
#310f0a
```
#310f0a rgb(49,15,10)
```
#330d08
```
#330d08 rgb(51,13,8)
```
#360c05
```
#360c05 rgb(54,12,5)
```
#380a03
```
#380a03 rgb(56,10,3)
```
#3a0801
```
#3a0801 rgb(58,8,1)
```

Tone Color Variation

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

#191919 Achromatopsia 0.005% of the population
#1e1716 Atypical Achromatopsia 0.001% of the population

Dichromacy

#28251a Protanopia 1% of men
#2d2414 Deuteranopia 1% of men
#3c1a1c Tritanopia 0.001% of the population

Trichromacy

#2b1d14 Protanomaly 1% of men, 0.01% of women
#2f1c10 Deuteranomaly 6% of men, 0.4% of women
#381615 Tritanomaly 0.01% of the population

#310f0a hex color

#310f0a Color Information

#310f0a Color Conversion

Color Schemes with #310f0a

Alternatives to #310f0a

#310f0a Preview

Shades and Tints of #310f0a

Tones of #310f0a

Color Blindness Simulator