#301f0e hex color

In a RGB color space, hex #301f0e is composed of 18.8% red, 12.2% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 70.8% yellow and 81.2% black. It has a hue angle of 30 degrees, a saturation of 54.8% and a lightness of 12.2%. #301f0e color hex could be obtained by blending #603e1c with #000000. Closest websafe color is: #333300.

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

● #301f0e color description : Very dark (mostly black) orange [Brown tone].

The hexadecimal color #301f0e has RGB values of R:48, G:31, B:14 and CMYK values of C:0, M:0.35, Y:0.71, K:0.81. Its decimal value is 3153678.

Hex triplet	301f0e	`#301f0e`
RGB Decimal	48, 31, 14	`rgb(48,31,14)`
RGB Percent	18.8, 12.2, 5.5	`rgb(18.8%,12.2%,5.5%)`
CMYK	0, 35, 71, 81
HSL	30°, 54.8, 12.2	`hsl(30,54.8%,12.2%)`
HSV (or HSB)	30°, 70.8, 18.8
Web Safe	333300	`#333300`

CIE-LAB	13.473, 5.945, 14.105
XYZ	1.788, 1.64, 0.638
xyY	0.44, 0.403, 1.64
CIE-LCH	13.473, 15.307, 67.145
CIE-LUV	13.473, 9.611, 9.317
Hunter-Lab	12.807, 2.512, 6.012
Binary	00110000, 00011111, 00001110

#301f0e
```
#301f0e rgb(48,31,14)
```
#0e1f30
```
#0e1f30 rgb(14,31,48)
```

Complementary Color

#300e0e
```
#300e0e rgb(48,14,14)
```
#301f0e
```
#301f0e rgb(48,31,14)
```
#30300e
```
#30300e rgb(48,48,14)
```

Analogous Color

#0e0e30
```
#0e0e30 rgb(14,14,48)
```
#301f0e
```
#301f0e rgb(48,31,14)
```
#0e3030
```
#0e3030 rgb(14,48,48)
```

Split Complementary Color

#1f0e30
```
#1f0e30 rgb(31,14,48)
```
#301f0e
```
#301f0e rgb(48,31,14)
```
#0e301f
```
#0e301f rgb(14,48,31)
```

Triadic Color

#300e1f
```
#300e1f rgb(48,14,31)
```
#301f0e
```
#301f0e rgb(48,31,14)
```
#0e301f
```
#0e301f rgb(14,48,31)
```
#0e1f30
```
#0e1f30 rgb(14,31,48)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#090602
```
#090602 rgb(9,6,2)
```
#1c1208
```
#1c1208 rgb(28,18,8)
```
#301f0e
```
#301f0e rgb(48,31,14)
```
#442c14
```
#442c14 rgb(68,44,20)
```
#57391a
```
#57391a rgb(87,57,26)
```
#6b451f
```
#6b451f rgb(107,69,31)
```

Monochromatic Color

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

#30170e
```
#30170e rgb(48,23,14)
```
#30190e
```
#30190e rgb(48,25,14)
```
#301c0e
```
#301c0e rgb(48,28,14)
```
#301f0e
```
#301f0e rgb(48,31,14)
```
#30220e
```
#30220e rgb(48,34,14)
```
#30250e
```
#30250e rgb(48,37,14)
```
#30280e
```
#30280e rgb(48,40,14)
```

Similar Colors

Text with hexadecimal color #301f0e

This text has a font color of #301f0e.

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

#301f0e background color

This paragraph has a background color of #301f0e.

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

#301f0e border color

This element has a border color of #301f0e.

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

CSS codes

.text {color:#301f0e;}

.background {background-color:#301f0e;}

.border {border:1px solid #301f0e;}

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

#020201
```
#020201 rgb(2,2,1)
```
#120b05
```
#120b05 rgb(18,11,5)
```
#21150a
```
#21150a rgb(33,21,10)
```
#301f0e
```
#301f0e rgb(48,31,14)
```
#3f2912
```
#3f2912 rgb(63,41,18)
```
#4e3317
```
#4e3317 rgb(78,51,23)
```
#5e3c1b
```
#5e3c1b rgb(94,60,27)
```
#6d4620
```
#6d4620 rgb(109,70,32)
```
#7c5024
```
#7c5024 rgb(124,80,36)
```
#8b5a29
```
#8b5a29 rgb(139,90,41)
```
#9a642d
```
#9a642d rgb(154,100,45)
```
#a96d31
```
#a96d31 rgb(169,109,49)
```
#b97736
```
#b97736 rgb(185,119,54)
```

Shade Color Variation

#c6813c
```
#c6813c rgb(198,129,60)
```
#cb8b4b
```
#cb8b4b rgb(203,139,75)
```
#cf955a
```
#cf955a rgb(207,149,90)
```
#d39f6a
```
#d39f6a rgb(211,159,106)
```
#d8a879
```
#d8a879 rgb(216,168,121)
```
#dcb288
```
#dcb288 rgb(220,178,136)
```
#e1bc97
```
#e1bc97 rgb(225,188,151)
```
#e5c6a6
```
#e5c6a6 rgb(229,198,166)
```
#ead0b6
```
#ead0b6 rgb(234,208,182)
```
#eed9c5
```
#eed9c5 rgb(238,217,197)
```
#f2e3d4
```
#f2e3d4 rgb(242,227,212)
```
#f7ede3
```
#f7ede3 rgb(247,237,227)
```
#fbf7f2
```
#fbf7f2 rgb(251,247,242)
```

Tint Color Variation

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

#1f1f1f
```
#1f1f1f rgb(31,31,31)
```
#221f1c
```
#221f1c rgb(34,31,28)
```
#241f1a
```
#241f1a rgb(36,31,26)
```
#261f18
```
#261f18 rgb(38,31,24)
```
#291f15
```
#291f15 rgb(41,31,21)
```
#2b1f13
```
#2b1f13 rgb(43,31,19)
```
#2e1f10
```
#2e1f10 rgb(46,31,16)
```
#301f0e
```
#301f0e rgb(48,31,14)
```
#321f0c
```
#321f0c rgb(50,31,12)
```
#351f09
```
#351f09 rgb(53,31,9)
```
#371f07
```
#371f07 rgb(55,31,7)
```
#3a1f04
```
#3a1f04 rgb(58,31,4)
```
#3c1f02
```
#3c1f02 rgb(60,31,2)
```

Tone Color Variation

Below, you can see how #301f0e 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

#222222 Achromatopsia 0.005% of the population
#25211e Atypical Achromatopsia 0.001% of the population

Dichromacy

#322e1b Protanopia 1% of men
#372c1a Deuteranopia 1% of men
#3c282b Tritanopia 0.001% of the population

Trichromacy

#312816 Protanomaly 1% of men, 0.01% of women
#342715 Deuteranomaly 6% of men, 0.4% of women
#372520 Tritanomaly 0.01% of the population

#301f0e hex color

#301f0e Color Information

#301f0e Color Conversion

Color Schemes with #301f0e

Alternatives to #301f0e

#301f0e Preview

Shades and Tints of #301f0e

Tones of #301f0e

Color Blindness Simulator