colorhexa.com

#302204 hex color

In a RGB color space, hex #302204 is composed of 18.8% red, 13.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.2% magenta, 91.7% yellow and 81.2% black. It has a hue angle of 40.9 degrees, a saturation of 84.6% and a lightness of 10.2%. #302204 color hex could be obtained by blending #604408 with #000000. Closest websafe color is: #333300.

- R 19
- G 13
- B 2
RGB color chart
- C 0
- M 29
- Y 92
- K 81
CMYK color chart

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

The hexadecimal color #302204 has RGB values of R:48, G:34, B:4 and CMYK values of C:0, M:0.29, Y:0.92, K:0.81. Its decimal value is 3154436.

Hex triplet	302204	`#302204`
RGB Decimal	48, 34, 4	`rgb(48,34,4)`
RGB Percent	18.8, 13.3, 1.6	`rgb(18.8%,13.3%,1.6%)`
CMYK	0, 29, 92, 81
HSL	40.9°, 84.6, 10.2	`hsl(40.9,84.6%,10.2%)`
HSV (or HSB)	40.9°, 91.7, 18.8
Web Safe	333300	`#333300`

CIE-LAB	14.295, 3.011, 19.451
XYZ	1.813, 1.781, 0.363
xyY	0.458, 0.45, 1.781
CIE-LCH	14.295, 19.683, 81.201
CIE-LUV	14.295, 8.728, 13.542
Hunter-Lab	13.347, 0.89, 7.729
Binary	00110000, 00100010, 00000100

#302204
```
#302204 rgb(48,34,4)
```
#041230
```
#041230 rgb(4,18,48)
```

Complementary Color

#0c0430
```
#0c0430 rgb(12,4,48)
```
#302204
```
#302204 rgb(48,34,4)
```
#042830
```
#042830 rgb(4,40,48)
```

Split Complementary Color

#000000
```
#000000 rgb(0,0,0)
```
#010100
```
#010100 rgb(1,1,0)
```
#181102
```
#181102 rgb(24,17,2)
```
#302204
```
#302204 rgb(48,34,4)
```
#483306
```
#483306 rgb(72,51,6)
```
#5f4308
```
#5f4308 rgb(95,67,8)
```
#77540a
```
#77540a rgb(119,84,10)
```

Monochromatic Color

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

#301704
```
#301704 rgb(48,23,4)
```
#301b04
```
#301b04 rgb(48,27,4)
```
#301e04
```
#301e04 rgb(48,30,4)
```
#302204
```
#302204 rgb(48,34,4)
```
#302604
```
#302604 rgb(48,38,4)
```
#302904
```
#302904 rgb(48,41,4)
```
#302d04
```
#302d04 rgb(48,45,4)
```

Similar Colors

Text with hexadecimal color #302204

This text has a font color of #302204.

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

#302204 background color

This paragraph has a background color of #302204.

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

#302204 border color

This element has a border color of #302204.

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

CSS codes

.text {color:#302204;}

.background {background-color:#302204;}

.border {border:1px solid #302204;}

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, #0c0801 is the darkest color, while #fefdf9 is the lightest one.

#0c0801
```
#0c0801 rgb(12,8,1)
```
#1e1502
```
#1e1502 rgb(30,21,2)
```
#302204
```
#302204 rgb(48,34,4)
```
#422f06
```
#422f06 rgb(66,47,6)
```
#543c07
```
#543c07 rgb(84,60,7)
```
#664809
```
#664809 rgb(102,72,9)
```
#78550a
```
#78550a rgb(120,85,10)
```
#8b620c
```
#8b620c rgb(139,98,12)
```
#9d6f0d
```
#9d6f0d rgb(157,111,13)
```
#af7c0f
```
#af7c0f rgb(175,124,15)
```
#c18910
```
#c18910 rgb(193,137,16)
```
#d39512
```
#d39512 rgb(211,149,18)
```
#e5a213
```
#e5a213 rgb(229,162,19)
```

Shade Color Variation

#ecab1f
```
#ecab1f rgb(236,171,31)
```
#eeb232
```
#eeb232 rgb(238,178,50)
```
#efb944
```
#efb944 rgb(239,185,68)
```
#f1c056
```
#f1c056 rgb(241,192,86)
```
#f2c668
```
#f2c668 rgb(242,198,104)
```
#f4cd7a
```
#f4cd7a rgb(244,205,122)
```
#f5d48c
```
#f5d48c rgb(245,212,140)
```
#f7db9e
```
#f7db9e rgb(247,219,158)
```
#f8e1b0
```
#f8e1b0 rgb(248,225,176)
```
#fae8c2
```
#fae8c2 rgb(250,232,194)
```
#fbefd4
```
#fbefd4 rgb(251,239,212)
```
#fdf6e7
```
#fdf6e7 rgb(253,246,231)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#1c1b18
```
#1c1b18 rgb(28,27,24)
```
#1e1b16
```
#1e1b16 rgb(30,27,22)
```
#201c14
```
#201c14 rgb(32,28,20)
```
#221d12
```
#221d12 rgb(34,29,18)
```
#241e10
```
#241e10 rgb(36,30,16)
```
#261e0e
```
#261e0e rgb(38,30,14)
```
#281f0c
```
#281f0c rgb(40,31,12)
```
#2a200a
```
#2a200a rgb(42,32,10)
```
#2c2108
```
#2c2108 rgb(44,33,8)
```
#2e2106
```
#2e2106 rgb(46,33,6)
```
#302204
```
#302204 rgb(48,34,4)
```
#322302
```
#322302 rgb(50,35,2)
```
#342300
```
#342300 rgb(52,35,0)
```

Tone Color Variation

Below, you can see how #302204 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
#26231d Atypical Achromatopsia 0.001% of the population

Dichromacy

#352f10 Protanopia 1% of men
#3b2d0f Deuteranopia 1% of men
#3c2a2d Tritanopia 0.001% of the population

Trichromacy

#332a0b Protanomaly 1% of men, 0.01% of women
#37290b Deuteranomaly 6% of men, 0.4% of women
#38271e Tritanomaly 0.01% of the population