#303412 hex color

In a RGB color space, hex #303412 is composed of 18.8% red, 20.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 0% magenta, 65.4% yellow and 79.6% black. It has a hue angle of 67.1 degrees, a saturation of 48.6% and a lightness of 13.7%. #303412 color hex could be obtained by blending #606824 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 20
- B 7
RGB color chart
- C 8
- M 0
- Y 65
- K 80
CMYK color chart

● #303412 color description : Very dark yellow [Olive tone].

The hexadecimal color #303412 has RGB values of R:48, G:52, B:18 and CMYK values of C:0.08, M:0, Y:0.65, K:0.8. Its decimal value is 3159058.

Hex triplet	303412	`#303412`
RGB Decimal	48, 52, 18	`rgb(48,52,18)`
RGB Percent	18.8, 20.4, 7.1	`rgb(18.8%,20.4%,7.1%)`
CMYK	8, 0, 65, 80
HSL	67.1°, 48.6, 13.7	`hsl(67.1,48.6%,13.7%)`
HSV (or HSB)	67.1°, 65.4, 20.4
Web Safe	333300	`#333300`

CIE-LAB	20.55, -7.74, 20.563
XYZ	2.556, 3.128, 1.041
xyY	0.38, 0.465, 3.128
CIE-LCH	20.55, 21.972, 110.627
CIE-LUV	20.55, -0.926, 17.865
Hunter-Lab	17.686, -5.154, 8.889
Binary	00110000, 00110100, 00010010

#303412
```
#303412 rgb(48,52,18)
```
#161234
```
#161234 rgb(22,18,52)
```

Complementary Color

#342712
```
#342712 rgb(52,39,18)
```
#303412
```
#303412 rgb(48,52,18)
```
#1f3412
```
#1f3412 rgb(31,52,18)
```

Analogous Color

#271234
```
#271234 rgb(39,18,52)
```
#303412
```
#303412 rgb(48,52,18)
```
#121f34
```
#121f34 rgb(18,31,52)
```

Split Complementary Color

#341230
```
#341230 rgb(52,18,48)
```
#303412
```
#303412 rgb(48,52,18)
```
#123034
```
#123034 rgb(18,48,52)
```

Triadic Color

#341612
```
#341612 rgb(52,22,18)
```
#303412
```
#303412 rgb(48,52,18)
```
#123034
```
#123034 rgb(18,48,52)
```
#161234
```
#161234 rgb(22,18,52)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0d0e05
```
#0d0e05 rgb(13,14,5)
```
#1f210b
```
#1f210b rgb(31,33,11)
```
#303412
```
#303412 rgb(48,52,18)
```
#414719
```
#414719 rgb(65,71,25)
```
#535a1f
```
#535a1f rgb(83,90,31)
```
#646d26
```
#646d26 rgb(100,109,38)
```

Monochromatic Color

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

#343012
```
#343012 rgb(52,48,18)
```
#343212
```
#343212 rgb(52,50,18)
```
#333412
```
#333412 rgb(51,52,18)
```
#303412
```
#303412 rgb(48,52,18)
```
#2d3412
```
#2d3412 rgb(45,52,18)
```
#2a3412
```
#2a3412 rgb(42,52,18)
```
#283412
```
#283412 rgb(40,52,18)
```

Similar Colors

Text with hexadecimal color #303412

This text has a font color of #303412.

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

#303412 background color

This paragraph has a background color of #303412.

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

#303412 border color

This element has a border color of #303412.

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

CSS codes

.text {color:#303412;}

.background {background-color:#303412;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#151708
```
#151708 rgb(21,23,8)
```
#23250d
```
#23250d rgb(35,37,13)
```
#303412
```
#303412 rgb(48,52,18)
```
#3d4317
```
#3d4317 rgb(61,67,23)
```
#4b511c
```
#4b511c rgb(75,81,28)
```
#586021
```
#586021 rgb(88,96,33)
```
#666e26
```
#666e26 rgb(102,110,38)
```
#737d2b
```
#737d2b rgb(115,125,43)
```
#818b30
```
#818b30 rgb(129,139,48)
```
#8e9a35
```
#8e9a35 rgb(142,154,53)
```
#9ca93a
```
#9ca93a rgb(156,169,58)
```
#a9b73f
```
#a9b73f rgb(169,183,63)
```

Shade Color Variation

#b2c04a
```
#b2c04a rgb(178,192,74)
```
#b9c558
```
#b9c558 rgb(185,197,88)
```
#bfca67
```
#bfca67 rgb(191,202,103)
```
#c5cf76
```
#c5cf76 rgb(197,207,118)
```
#cbd484
```
#cbd484 rgb(203,212,132)
```
#d1da93
```
#d1da93 rgb(209,218,147)
```
#d7dfa1
```
#d7dfa1 rgb(215,223,161)
```
#dee4b0
```
#dee4b0 rgb(222,228,176)
```
#e4e9be
```
#e4e9be rgb(228,233,190)
```
#eaeecd
```
#eaeecd rgb(234,238,205)
```
#f0f3dc
```
#f0f3dc rgb(240,243,220)
```
#f6f8ea
```
#f6f8ea rgb(246,248,234)
```
#fcfdf9
```
#fcfdf9 rgb(252,253,249)
```

Tint Color Variation

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

#242422
```
#242422 rgb(36,36,34)
```
#26271f
```
#26271f rgb(38,39,31)
```
#28291d
```
#28291d rgb(40,41,29)
```
#2a2c1a
```
#2a2c1a rgb(42,44,26)
```
#2c2f17
```
#2c2f17 rgb(44,47,23)
```
#2e3115
```
#2e3115 rgb(46,49,21)
```
#303412
```
#303412 rgb(48,52,18)
```
#32370f
```
#32370f rgb(50,55,15)
```
#34390d
```
#34390d rgb(52,57,13)
```
#363c0a
```
#363c0a rgb(54,60,10)
```
#383f07
```
#383f07 rgb(56,63,7)
```
#3a4105
```
#3a4105 rgb(58,65,5)
```
#3c4402
```
#3c4402 rgb(60,68,2)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#2f3029 Atypical Achromatopsia 0.001% of the population

Dichromacy

#423c1d Protanopia 1% of men
#493920 Deuteranopia 1% of men
#3e3b3f Tritanopia 0.001% of the population

Trichromacy

#3b3919 Protanomaly 1% of men, 0.01% of women
#40371a Deuteranomaly 6% of men, 0.4% of women
#39382e Tritanomaly 0.01% of the population

#303412 hex color

#303412 Color Information

#303412 Color Conversion

Color Schemes with #303412

Alternatives to #303412

#303412 Preview

Shades and Tints of #303412

Tones of #303412

Color Blindness Simulator