#30180c hex color

In a RGB color space, hex #30180c is composed of 18.8% red, 9.4% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 75% yellow and 81.2% black. It has a hue angle of 20 degrees, a saturation of 60% and a lightness of 11.8%. #30180c color hex could be obtained by blending #603018 with #000000. Closest websafe color is: #330000.

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

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

The hexadecimal color #30180c has RGB values of R:48, G:24, B:12 and CMYK values of C:0, M:0.5, Y:0.75, K:0.81. Its decimal value is 3151884.

Hex triplet	30180c	`#30180c`
RGB Decimal	48, 24, 12	`rgb(48,24,12)`
RGB Percent	18.8, 9.4, 4.7	`rgb(18.8%,9.4%,4.7%)`
CMYK	0, 50, 75, 81
HSL	20°, 60, 11.8	`hsl(20,60%,11.8%)`
HSV (or HSB)	20°, 75, 18.8
Web Safe	330000	`#330000`

CIE-LAB	11.333, 10.645, 12.168
XYZ	1.612, 1.308, 0.515
xyY	0.469, 0.381, 1.308
CIE-LCH	11.333, 16.167, 48.818
CIE-LUV	11.333, 12.549, 7.144
Hunter-Lab	11.438, 5.139, 5.335
Binary	00110000, 00011000, 00001100

#30180c
```
#30180c rgb(48,24,12)
```
#0c2430
```
#0c2430 rgb(12,36,48)
```

Complementary Color

#300c12
```
#300c12 rgb(48,12,18)
```
#30180c
```
#30180c rgb(48,24,12)
```
#302a0c
```
#302a0c rgb(48,42,12)
```

Analogous Color

#0c1230
```
#0c1230 rgb(12,18,48)
```
#30180c
```
#30180c rgb(48,24,12)
```
#0c302a
```
#0c302a rgb(12,48,42)
```

Split Complementary Color

#180c30
```
#180c30 rgb(24,12,48)
```
#30180c
```
#30180c rgb(48,24,12)
```
#0c3018
```
#0c3018 rgb(12,48,24)
```

Triadic Color

#300c24
```
#300c24 rgb(48,12,36)
```
#30180c
```
#30180c rgb(48,24,12)
```
#0c3018
```
#0c3018 rgb(12,48,24)
```
#0c2430
```
#0c2430 rgb(12,36,48)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#070402
```
#070402 rgb(7,4,2)
```
#1c0e07
```
#1c0e07 rgb(28,14,7)
```
#30180c
```
#30180c rgb(48,24,12)
```
#442211
```
#442211 rgb(68,34,17)
```
#592c16
```
#592c16 rgb(89,44,22)
```
#6d371b
```
#6d371b rgb(109,55,27)
```

Monochromatic Color

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

#300f0c
```
#300f0c rgb(48,15,12)
```
#30120c
```
#30120c rgb(48,18,12)
```
#30150c
```
#30150c rgb(48,21,12)
```
#30180c
```
#30180c rgb(48,24,12)
```
#301b0c
```
#301b0c rgb(48,27,12)
```
#301e0c
```
#301e0c rgb(48,30,12)
```
#30210c
```
#30210c rgb(48,33,12)
```

Similar Colors

Text with hexadecimal color #30180c

This text has a font color of #30180c.

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

#30180c background color

This paragraph has a background color of #30180c.

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

#30180c border color

This element has a border color of #30180c.

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

CSS codes

.text {color:#30180c;}

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

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110804
```
#110804 rgb(17,8,4)
```
#201008
```
#201008 rgb(32,16,8)
```
#30180c
```
#30180c rgb(48,24,12)
```
#402010
```
#402010 rgb(64,32,16)
```
#4f2814
```
#4f2814 rgb(79,40,20)
```
#5f3018
```
#5f3018 rgb(95,48,24)
```
#6f371c
```
#6f371c rgb(111,55,28)
```
#7e3f20
```
#7e3f20 rgb(126,63,32)
```
#8e4724
```
#8e4724 rgb(142,71,36)
```
#9e4f27
```
#9e4f27 rgb(158,79,39)
```
#ae572b
```
#ae572b rgb(174,87,43)
```
#bd5f2f
```
#bd5f2f rgb(189,95,47)
```

Shade Color Variation

#cc6734
```
#cc6734 rgb(204,103,52)
```
#d07244
```
#d07244 rgb(208,114,68)
```
#d47e53
```
#d47e53 rgb(212,126,83)
```
#d88a63
```
#d88a63 rgb(216,138,99)
```
#dc9673
```
#dc9673 rgb(220,150,115)
```
#e0a282
```
#e0a282 rgb(224,162,130)
```
#e4ad92
```
#e4ad92 rgb(228,173,146)
```
#e8b9a2
```
#e8b9a2 rgb(232,185,162)
```
#ecc5b1
```
#ecc5b1 rgb(236,197,177)
```
#f0d1c1
```
#f0d1c1 rgb(240,209,193)
```
#f3dcd1
```
#f3dcd1 rgb(243,220,209)
```
#f7e8e1
```
#f7e8e1 rgb(247,232,225)
```
#fbf4f0
```
#fbf4f0 rgb(251,244,240)
```

Tint Color Variation

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

#201d1c
```
#201d1c rgb(32,29,28)
```
#221d1a
```
#221d1a rgb(34,29,26)
```
#241c18
```
#241c18 rgb(36,28,24)
```
#271b15
```
#271b15 rgb(39,27,21)
```
#291a13
```
#291a13 rgb(41,26,19)
```
#2b1a11
```
#2b1a11 rgb(43,26,17)
```
#2e190e
```
#2e190e rgb(46,25,14)
```
#30180c
```
#30180c rgb(48,24,12)
```
#32170a
```
#32170a rgb(50,23,10)
```
#351607
```
#351607 rgb(53,22,7)
```
#371605
```
#371605 rgb(55,22,5)
```
#391503
```
#391503 rgb(57,21,3)
```
#3c1400
```
#3c1400 rgb(60,20,0)
```

Tone Color Variation

Below, you can see how #30180c 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
#221d1a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d291a Protanopia 1% of men
#322817 Deuteranopia 1% of men
#3b2224 Tritanopia 0.001% of the population

Trichromacy

#2e2315 Protanomaly 1% of men, 0.01% of women
#312213 Deuteranomaly 6% of men, 0.4% of women
#371e1b Tritanomaly 0.01% of the population

#30180c hex color

#30180c Color Information

#30180c Color Conversion

Color Schemes with #30180c

Alternatives to #30180c

#30180c Preview

Shades and Tints of #30180c

Tones of #30180c

Color Blindness Simulator