#303714 hex color

In a RGB color space, hex #303714 is composed of 18.8% red, 21.6% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 0% magenta, 63.6% yellow and 78.4% black. It has a hue angle of 72 degrees, a saturation of 46.7% and a lightness of 14.7%. #303714 color hex could be obtained by blending #606e28 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 22
- B 8
RGB color chart
- C 13
- M 0
- Y 64
- K 78
CMYK color chart

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

The hexadecimal color #303714 has RGB values of R:48, G:55, B:20 and CMYK values of C:0.13, M:0, Y:0.64, K:0.78. Its decimal value is 3159828.

Hex triplet	303714	`#303714`
RGB Decimal	48, 55, 20	`rgb(48,55,20)`
RGB Percent	18.8, 21.6, 7.8	`rgb(18.8%,21.6%,7.8%)`
CMYK	13, 0, 64, 78
HSL	72°, 46.7, 14.7	`hsl(72,46.7%,14.7%)`
HSV (or HSB)	72°, 63.6, 21.6
Web Safe	333300	`#333300`

CIE-LAB	21.621, -9.384, 20.637
XYZ	2.711, 3.411, 1.177
xyY	0.371, 0.467, 3.411
CIE-LCH	21.621, 22.671, 114.452
CIE-LUV	21.621, -2.512, 18.667
Hunter-Lab	18.47, -6.118, 9.149
Binary	00110000, 00110111, 00010100

#303714
```
#303714 rgb(48,55,20)
```
#1b1437
```
#1b1437 rgb(27,20,55)
```

Complementary Color

#372d14
```
#372d14 rgb(55,45,20)
```
#303714
```
#303714 rgb(48,55,20)
```
#1f3714
```
#1f3714 rgb(31,55,20)
```

Analogous Color

#2d1437
```
#2d1437 rgb(45,20,55)
```
#303714
```
#303714 rgb(48,55,20)
```
#141f37
```
#141f37 rgb(20,31,55)
```

Split Complementary Color

#371430
```
#371430 rgb(55,20,48)
```
#303714
```
#303714 rgb(48,55,20)
```
#143037
```
#143037 rgb(20,48,55)
```

Triadic Color

#371b14
```
#371b14 rgb(55,27,20)
```
#303714
```
#303714 rgb(48,55,20)
```
#143037
```
#143037 rgb(20,48,55)
```
#1b1437
```
#1b1437 rgb(27,20,55)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0f1206
```
#0f1206 rgb(15,18,6)
```
#20240d
```
#20240d rgb(32,36,13)
```
#303714
```
#303714 rgb(48,55,20)
```
#404a1b
```
#404a1b rgb(64,74,27)
```
#515c22
```
#515c22 rgb(81,92,34)
```
#616f28
```
#616f28 rgb(97,111,40)
```

Monochromatic Color

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

#373514
```
#373514 rgb(55,53,20)
```
#363714
```
#363714 rgb(54,55,20)
```
#333714
```
#333714 rgb(51,55,20)
```
#303714
```
#303714 rgb(48,55,20)
```
#2d3714
```
#2d3714 rgb(45,55,20)
```
#2a3714
```
#2a3714 rgb(42,55,20)
```
#273714
```
#273714 rgb(39,55,20)
```

Similar Colors

Text with hexadecimal color #303714

This text has a font color of #303714.

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

#303714 background color

This paragraph has a background color of #303714.

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

#303714 border color

This element has a border color of #303714.

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

CSS codes

.text {color:#303714;}

.background {background-color:#303714;}

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

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

#0a0c04
```
#0a0c04 rgb(10,12,4)
```
#171a0a
```
#171a0a rgb(23,26,10)
```
#23290f
```
#23290f rgb(35,41,15)
```
#303714
```
#303714 rgb(48,55,20)
```
#3d4519
```
#3d4519 rgb(61,69,25)
```
#49541e
```
#49541e rgb(73,84,30)
```
#566224
```
#566224 rgb(86,98,36)
```
#627129
```
#627129 rgb(98,113,41)
```
#6f7f2e
```
#6f7f2e rgb(111,127,46)
```
#7b8d33
```
#7b8d33 rgb(123,141,51)
```
#889c39
```
#889c39 rgb(136,156,57)
```
#94aa3e
```
#94aa3e rgb(148,170,62)
```
#a1b843
```
#a1b843 rgb(161,184,67)
```

Shade Color Variation

#a9bf50
```
#a9bf50 rgb(169,191,80)
```
#b0c55e
```
#b0c55e rgb(176,197,94)
```
#b7ca6d
```
#b7ca6d rgb(183,202,109)
```
#becf7b
```
#becf7b rgb(190,207,123)
```
#c5d489
```
#c5d489 rgb(197,212,137)
```
#ccd998
```
#ccd998 rgb(204,217,152)
```
#d3dfa6
```
#d3dfa6 rgb(211,223,166)
```
#dae4b5
```
#dae4b5 rgb(218,228,181)
```
#e2e9c3
```
#e2e9c3 rgb(226,233,195)
```
#e9eed1
```
#e9eed1 rgb(233,238,209)
```
#f0f4e0
```
#f0f4e0 rgb(240,244,224)
```
#f7f9ee
```
#f7f9ee rgb(247,249,238)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#262625
```
#262625 rgb(38,38,37)
```
#272922
```
#272922 rgb(39,41,34)
```
#292b20
```
#292b20 rgb(41,43,32)
```
#2b2e1d
```
#2b2e1d rgb(43,46,29)
```
#2d311a
```
#2d311a rgb(45,49,26)
```
#2e3417
```
#2e3417 rgb(46,52,23)
```
#303714
```
#303714 rgb(48,55,20)
```
#323a11
```
#323a11 rgb(50,58,17)
```
#333d0e
```
#333d0e rgb(51,61,14)
```
#35400b
```
#35400b rgb(53,64,11)
```
#374308
```
#374308 rgb(55,67,8)
```
#394506
```
#394506 rgb(57,69,6)
```
#3a4803
```
#3a4803 rgb(58,72,3)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#31322b Atypical Achromatopsia 0.001% of the population

Dichromacy

#443e1f Protanopia 1% of men
#4b3b22 Deuteranopia 1% of men
#3f3d42 Tritanopia 0.001% of the population

Trichromacy

#3d3b1b Protanomaly 1% of men, 0.01% of women
#41391d Deuteranomaly 6% of men, 0.4% of women
#393b31 Tritanomaly 0.01% of the population

#303714 hex color

#303714 Color Information

#303714 Color Conversion

Color Schemes with #303714

Alternatives to #303714

#303714 Preview

Shades and Tints of #303714

Tones of #303714

Color Blindness Simulator