#30180f hex color

In a RGB color space, hex #30180f is composed of 18.8% red, 9.4% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 68.8% yellow and 81.2% black. It has a hue angle of 16.4 degrees, a saturation of 52.4% and a lightness of 12.4%. #30180f color hex could be obtained by blending #60301e with #000000. Closest websafe color is: #330000.

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

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

The hexadecimal color #30180f has RGB values of R:48, G:24, B:15 and CMYK values of C:0, M:0.5, Y:0.69, K:0.81. Its decimal value is 3151887.

Hex triplet	30180f	`#30180f`
RGB Decimal	48, 24, 15	`rgb(48,24,15)`
RGB Percent	18.8, 9.4, 5.9	`rgb(18.8%,9.4%,5.9%)`
CMYK	0, 50, 69, 81
HSL	16.4°, 52.4, 12.4	`hsl(16.4,52.4%,12.4%)`
HSV (or HSB)	16.4°, 68.8, 18.8
Web Safe	330000	`#330000`

CIE-LAB	11.389, 10.933, 10.767
XYZ	1.632, 1.316, 0.62
xyY	0.457, 0.369, 1.316
CIE-LCH	11.389, 15.345, 44.563
CIE-LUV	11.389, 12.299, 6.143
Hunter-Lab	11.473, 5.311, 4.827
Binary	00110000, 00011000, 00001111

#30180f
```
#30180f rgb(48,24,15)
```
#0f2730
```
#0f2730 rgb(15,39,48)
```

Complementary Color

#300f17
```
#300f17 rgb(48,15,23)
```
#30180f
```
#30180f rgb(48,24,15)
```
#30290f
```
#30290f rgb(48,41,15)
```

Analogous Color

#0f1730
```
#0f1730 rgb(15,23,48)
```
#30180f
```
#30180f rgb(48,24,15)
```
#0f3029
```
#0f3029 rgb(15,48,41)
```

Split Complementary Color

#180f30
```
#180f30 rgb(24,15,48)
```
#30180f
```
#30180f rgb(48,24,15)
```
#0f3018
```
#0f3018 rgb(15,48,24)
```

Triadic Color

#300f27
```
#300f27 rgb(48,15,39)
```
#30180f
```
#30180f rgb(48,24,15)
```
#0f3018
```
#0f3018 rgb(15,48,24)
```
#0f2730
```
#0f2730 rgb(15,39,48)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#090503
```
#090503 rgb(9,5,3)
```
#1d0e09
```
#1d0e09 rgb(29,14,9)
```
#30180f
```
#30180f rgb(48,24,15)
```
#432215
```
#432215 rgb(67,34,21)
```
#572b1b
```
#572b1b rgb(87,43,27)
```
#6a3521
```
#6a3521 rgb(106,53,33)
```

Monochromatic Color

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

#30100f
```
#30100f rgb(48,16,15)
```
#30130f
```
#30130f rgb(48,19,15)
```
#30150f
```
#30150f rgb(48,21,15)
```
#30180f
```
#30180f rgb(48,24,15)
```
#301b0f
```
#301b0f rgb(48,27,15)
```
#301e0f
```
#301e0f rgb(48,30,15)
```
#30200f
```
#30200f rgb(48,32,15)
```

Similar Colors

Text with hexadecimal color #30180f

This text has a font color of #30180f.

<span style="color:#30180f;">Text here</span>

#30180f background color

This paragraph has a background color of #30180f.

<p style="background-color:#30180f;">Content here</p>

#30180f border color

This element has a border color of #30180f.

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

CSS codes

.text {color:#30180f;}

.background {background-color:#30180f;}

.border {border:1px solid #30180f;}

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

#030201
```
#030201 rgb(3,2,1)
```
#120906
```
#120906 rgb(18,9,6)
```
#21110a
```
#21110a rgb(33,17,10)
```
#30180f
```
#30180f rgb(48,24,15)
```
#3f1f14
```
#3f1f14 rgb(63,31,20)
```
#4e2718
```
#4e2718 rgb(78,39,24)
```
#5d2e1d
```
#5d2e1d rgb(93,46,29)
```
#6c3622
```
#6c3622 rgb(108,54,34)
```
#7b3d26
```
#7b3d26 rgb(123,61,38)
```
#8a452b
```
#8a452b rgb(138,69,43)
```
#994c30
```
#994c30 rgb(153,76,48)
```
#a85434
```
#a85434 rgb(168,84,52)
```
#b75b39
```
#b75b39 rgb(183,91,57)
```

Shade Color Variation

#c36440
```
#c36440 rgb(195,100,64)
```
#c8704f
```
#c8704f rgb(200,112,79)
```
#cd7c5e
```
#cd7c5e rgb(205,124,94)
```
#d1886d
```
#d1886d rgb(209,136,109)
```
#d6947c
```
#d6947c rgb(214,148,124)
```
#dba08b
```
#dba08b rgb(219,160,139)
```
#dfad9a
```
#dfad9a rgb(223,173,154)
```
#e4b9a8
```
#e4b9a8 rgb(228,185,168)
```
#e9c5b7
```
#e9c5b7 rgb(233,197,183)
```
#edd1c6
```
#edd1c6 rgb(237,209,198)
```
#f2ddd5
```
#f2ddd5 rgb(242,221,213)
```
#f7e9e4
```
#f7e9e4 rgb(247,233,228)
```
#fbf5f3
```
#fbf5f3 rgb(251,245,243)
```

Tint Color Variation

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

#211f1e
```
#211f1e rgb(33,31,30)
```
#241e1b
```
#241e1b rgb(36,30,27)
```
#261c19
```
#261c19 rgb(38,28,25)
```
#291b16
```
#291b16 rgb(41,27,22)
```
#2b1a14
```
#2b1a14 rgb(43,26,20)
```
#2e1911
```
#2e1911 rgb(46,25,17)
```
#30180f
```
#30180f rgb(48,24,15)
```
#32170d
```
#32170d rgb(50,23,13)
```
#35160a
```
#35160a rgb(53,22,10)
```
#371508
```
#371508 rgb(55,21,8)
```
#3a1405
```
#3a1405 rgb(58,20,5)
```
#3c1203
```
#3c1203 rgb(60,18,3)
```
#3f1100
```
#3f1100 rgb(63,17,0)
```

Tone Color Variation

Below, you can see how #30180f 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

#1e1e1e Achromatopsia 0.005% of the population
#221d1b Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d291d Protanopia 1% of men
#32281a Deuteranopia 1% of men
#3b2225 Tritanopia 0.001% of the population

Trichromacy

#2e2318 Protanomaly 1% of men, 0.01% of women
#312216 Deuteranomaly 6% of men, 0.4% of women
#371e1d Tritanomaly 0.01% of the population

#30180f hex color

#30180f Color Information

#30180f Color Conversion

Color Schemes with #30180f

Alternatives to #30180f

#30180f Preview

Shades and Tints of #30180f

Tones of #30180f

Color Blindness Simulator