#301f18 hex color

In a RGB color space, hex #301f18 is composed of 18.8% red, 12.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 50% yellow and 81.2% black. It has a hue angle of 17.5 degrees, a saturation of 33.3% and a lightness of 14.1%. #301f18 color hex could be obtained by blending #603e30 with #000000. Closest websafe color is: #333300.

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

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

The hexadecimal color #301f18 has RGB values of R:48, G:31, B:24 and CMYK values of C:0, M:0.35, Y:0.5, K:0.81. Its decimal value is 3153688.

Hex triplet	301f18	`#301f18`
RGB Decimal	48, 31, 24	`rgb(48,31,24)`
RGB Percent	18.8, 12.2, 9.4	`rgb(18.8%,12.2%,9.4%)`
CMYK	0, 35, 50, 81
HSL	17.5°, 33.3, 14.1	`hsl(17.5,33.3%,14.1%)`
HSV (or HSB)	17.5°, 50, 18.8
Web Safe	333300	`#333300`

CIE-LAB	13.676, 7.156, 8.08
XYZ	1.874, 1.674, 1.089
xyY	0.404, 0.361, 1.674
CIE-LCH	13.676, 10.794, 48.471
CIE-LUV	13.676, 8.87, 5.288
Hunter-Lab	12.94, 3.203, 4.07
Binary	00110000, 00011111, 00011000

#301f18
```
#301f18 rgb(48,31,24)
```
#182930
```
#182930 rgb(24,41,48)
```

Complementary Color

#30181d
```
#30181d rgb(48,24,29)
```
#301f18
```
#301f18 rgb(48,31,24)
```
#302b18
```
#302b18 rgb(48,43,24)
```

Analogous Color

#181d30
```
#181d30 rgb(24,29,48)
```
#301f18
```
#301f18 rgb(48,31,24)
```
#18302b
```
#18302b rgb(24,48,43)
```

Split Complementary Color

#1f1830
```
#1f1830 rgb(31,24,48)
```
#301f18
```
#301f18 rgb(48,31,24)
```
#18301f
```
#18301f rgb(24,48,31)
```

Triadic Color

#301829
```
#301829 rgb(48,24,41)
```
#301f18
```
#301f18 rgb(48,31,24)
```
#18301f
```
#18301f rgb(24,48,31)
```
#182930
```
#182930 rgb(24,41,48)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0907
```
#0e0907 rgb(14,9,7)
```
#1f1410
```
#1f1410 rgb(31,20,16)
```
#301f18
```
#301f18 rgb(48,31,24)
```
#412a21
```
#412a21 rgb(65,42,33)
```
#523529
```
#523529 rgb(82,53,41)
```
#634032
```
#634032 rgb(99,64,50)
```

Monochromatic Color

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

#301918
```
#301918 rgb(48,25,24)
```
#301b18
```
#301b18 rgb(48,27,24)
```
#301d18
```
#301d18 rgb(48,29,24)
```
#301f18
```
#301f18 rgb(48,31,24)
```
#302118
```
#302118 rgb(48,33,24)
```
#302318
```
#302318 rgb(48,35,24)
```
#302518
```
#302518 rgb(48,37,24)
```

Similar Colors

Text with hexadecimal color #301f18

This text has a font color of #301f18.

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

#301f18 background color

This paragraph has a background color of #301f18.

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

#301f18 border color

This element has a border color of #301f18.

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

CSS codes

.text {color:#301f18;}

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

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

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

#090604
```
#090604 rgb(9,6,4)
```
#160e0b
```
#160e0b rgb(22,14,11)
```
#231711
```
#231711 rgb(35,23,17)
```
#301f18
```
#301f18 rgb(48,31,24)
```
#3d271f
```
#3d271f rgb(61,39,31)
```
#4a3025
```
#4a3025 rgb(74,48,37)
```
#57382c
```
#57382c rgb(87,56,44)
```
#644132
```
#644132 rgb(100,65,50)
```
#714939
```
#714939 rgb(113,73,57)
```
#7e523f
```
#7e523f rgb(126,82,63)
```
#8c5a46
```
#8c5a46 rgb(140,90,70)
```
#99634c
```
#99634c rgb(153,99,76)
```
#a66b53
```
#a66b53 rgb(166,107,83)
```

Shade Color Variation

#ae755e
```
#ae755e rgb(174,117,94)
```
#b5806b
```
#b5806b rgb(181,128,107)
```
#bb8c78
```
#bb8c78 rgb(187,140,120)
```
#c29785
```
#c29785 rgb(194,151,133)
```
#c9a292
```
#c9a292 rgb(201,162,146)
```
#cfad9f
```
#cfad9f rgb(207,173,159)
```
#d6b8ac
```
#d6b8ac rgb(214,184,172)
```
#dcc3b9
```
#dcc3b9 rgb(220,195,185)
```
#e3cfc6
```
#e3cfc6 rgb(227,207,198)
```
#e9dad3
```
#e9dad3 rgb(233,218,211)
```
#f0e5e1
```
#f0e5e1 rgb(240,229,225)
```
#f6f0ee
```
#f6f0ee rgb(246,240,238)
```
#fdfbfb
```
#fdfbfb rgb(253,251,251)
```

Tint Color Variation

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

#252423
```
#252423 rgb(37,36,35)
```
#282220
```
#282220 rgb(40,34,32)
```
#2a211e
```
#2a211e rgb(42,33,30)
```
#2d201b
```
#2d201b rgb(45,32,27)
```
#301f18
```
#301f18 rgb(48,31,24)
```
#331e15
```
#331e15 rgb(51,30,21)
```
#361d12
```
#361d12 rgb(54,29,18)
```
#381c10
```
#381c10 rgb(56,28,16)
```
#3b1a0d
```
#3b1a0d rgb(59,26,13)
```
#3e190a
```
#3e190a rgb(62,25,10)
```
#411807
```
#411807 rgb(65,24,7)
```
#431705
```
#431705 rgb(67,23,5)
```
#461602
```
#461602 rgb(70,22,2)
```

Tone Color Variation

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

#232323 Achromatopsia 0.005% of the population
#262221 Atypical Achromatopsia 0.001% of the population

Dichromacy

#312e25 Protanopia 1% of men
#362c23 Deuteranopia 1% of men
#3b292c Tritanopia 0.001% of the population

Trichromacy

#302820 Protanomaly 1% of men, 0.01% of women
#34271f Deuteranomaly 6% of men, 0.4% of women
#372524 Tritanomaly 0.01% of the population

#301f18 hex color

#301f18 Color Information

#301f18 Color Conversion

Color Schemes with #301f18

Alternatives to #301f18

#301f18 Preview

Shades and Tints of #301f18

Tones of #301f18

Color Blindness Simulator