colorhexa.com

#506212 hex color

In a RGB color space, hex #506212 is composed of 31.4% red, 38.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 18.4% cyan, 0% magenta, 81.6% yellow and 61.6% black. It has a hue angle of 73.5 degrees, a saturation of 69% and a lightness of 22.7%. #506212 color hex could be obtained by blending #a0c424 with #000000. Closest websafe color is: #666600.

- R 31
- G 38
- B 7
RGB color chart
- C 18
- M 0
- Y 82
- K 62
CMYK color chart

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

The hexadecimal color #506212 has RGB values of R:80, G:98, B:18 and CMYK values of C:0.18, M:0, Y:0.82, K:0.62. Its decimal value is 5267986.

Hex triplet	506212	`#506212`
RGB Decimal	80, 98, 18	`rgb(80,98,18)`
RGB Percent	31.4, 38.4, 7.1	`rgb(31.4%,38.4%,7.1%)`
CMYK	18, 0, 82, 62
HSL	73.5°, 69, 22.7	`hsl(73.5,69%,22.7%)`
HSV (or HSB)	73.5°, 81.6, 38.4
Web Safe	666600	`#666600`

CIE-LAB	38.698, -18.626, 39.951
XYZ	7.785, 10.484, 2.186
xyY	0.381, 0.513, 10.484
CIE-LCH	38.698, 44.08, 114.996
CIE-LUV	38.698, -8.24, 41.01
Hunter-Lab	32.38, -13.748, 18.663
Binary	01010000, 01100010, 00010010

#506212
```
#506212 rgb(80,98,18)
```
#241262
```
#241262 rgb(36,18,98)
```

Complementary Color

#624c12
```
#624c12 rgb(98,76,18)
```
#506212
```
#506212 rgb(80,98,18)
```
#286212
```
#286212 rgb(40,98,18)
```

Analogous Color

#4c1262
```
#4c1262 rgb(76,18,98)
```
#506212
```
#506212 rgb(80,98,18)
```
#122862
```
#122862 rgb(18,40,98)
```

Split Complementary Color

#1b2106
```
#1b2106 rgb(27,33,6)
```
#2d370a
```
#2d370a rgb(45,55,10)
```
#3e4c0e
```
#3e4c0e rgb(62,76,14)
```
#506212
```
#506212 rgb(80,98,18)
```
#627816
```
#627816 rgb(98,120,22)
```
#738d1a
```
#738d1a rgb(115,141,26)
```
#85a31e
```
#85a31e rgb(133,163,30)
```

Monochromatic Color

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

#626012
```
#626012 rgb(98,96,18)
```
#5d6212
```
#5d6212 rgb(93,98,18)
```
#576212
```
#576212 rgb(87,98,18)
```
#506212
```
#506212 rgb(80,98,18)
```
#496212
```
#496212 rgb(73,98,18)
```
#436212
```
#436212 rgb(67,98,18)
```
#3c6212
```
#3c6212 rgb(60,98,18)
```

Similar Colors

Text with hexadecimal color #506212

This text has a font color of #506212.

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

#506212 background color

This paragraph has a background color of #506212.

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

#506212 border color

This element has a border color of #506212.

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

CSS codes

.text {color:#506212;}

.background {background-color:#506212;}

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

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

#0c0f03
```
#0c0f03 rgb(12,15,3)
```
#1a2006
```
#1a2006 rgb(26,32,6)
```
#273009
```
#273009 rgb(39,48,9)
```
#35410c
```
#35410c rgb(53,65,12)
```
#42510f
```
#42510f rgb(66,81,15)
```
#506212
```
#506212 rgb(80,98,18)
```
#5e7315
```
#5e7315 rgb(94,115,21)
```
#6b8318
```
#6b8318 rgb(107,131,24)
```
#79941b
```
#79941b rgb(121,148,27)
```
#86a41e
```
#86a41e rgb(134,164,30)
```
#94b521
```
#94b521 rgb(148,181,33)
```
#a1c524
```
#a1c524 rgb(161,197,36)
```
#afd627
```
#afd627 rgb(175,214,39)
```

Shade Color Variation

#b5da37
```
#b5da37 rgb(181,218,55)
```
#bcdd47
```
#bcdd47 rgb(188,221,71)
```
#c2e058
```
#c2e058 rgb(194,224,88)
```
#c8e368
```
#c8e368 rgb(200,227,104)
```
#cee679
```
#cee679 rgb(206,230,121)
```
#d4e98a
```
#d4e98a rgb(212,233,138)
```
#daec9a
```
#daec9a rgb(218,236,154)
```
#e0f0ab
```
#e0f0ab rgb(224,240,171)
```
#e6f3bb
```
#e6f3bb rgb(230,243,187)
```
#ecf6cc
```
#ecf6cc rgb(236,246,204)
```
#f2f9dc
```
#f2f9dc rgb(242,249,220)
```
#f8fced
```
#f8fced rgb(248,252,237)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#3c3e36
```
#3c3e36 rgb(60,62,54)
```
#3f4331
```
#3f4331 rgb(63,67,49)
```
#41472d
```
#41472d rgb(65,71,45)
```
#444c28
```
#444c28 rgb(68,76,40)
```
#465024
```
#465024 rgb(70,80,36)
```
#49551f
```
#49551f rgb(73,85,31)
```
#4b591b
```
#4b591b rgb(75,89,27)
```
#4e5e16
```
#4e5e16 rgb(78,94,22)
```
#506212
```
#506212 rgb(80,98,18)
```
#52660e
```
#52660e rgb(82,102,14)
```
#556b09
```
#556b09 rgb(85,107,9)
```
#576f05
```
#576f05 rgb(87,111,5)
```
#5a7400
```
#5a7400 rgb(90,116,0)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#525646 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f631c Protanopia 1% of men
#7b5f24 Deuteranopia 1% of men
#62636a Tritanopia 0.001% of the population

Trichromacy

#636318 Protanomaly 1% of men, 0.01% of women
#6b601d Deuteranomaly 6% of men, 0.4% of women
#5b624a Tritanomaly 0.01% of the population