#556a12 hex color

In a RGB color space, hex #556a12 is composed of 33.3% red, 41.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 19.8% cyan, 0% magenta, 83% yellow and 58.4% black. It has a hue angle of 74.3 degrees, a saturation of 71% and a lightness of 24.3%. #556a12 color hex could be obtained by blending #aad424 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 33
- G 42
- B 7
RGB color chart
- C 20
- M 0
- Y 83
- K 58
CMYK color chart

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

The hexadecimal color #556a12 has RGB values of R:85, G:106, B:18 and CMYK values of C:0.2, M:0, Y:0.83, K:0.58. Its decimal value is 5597714.

Hex triplet	556a12	`#556a12`
RGB Decimal	85, 106, 18	`rgb(85,106,18)`
RGB Percent	33.3, 41.6, 7.1	`rgb(33.3%,41.6%,7.1%)`
CMYK	20, 0, 83, 58
HSL	74.3°, 71, 24.3	`hsl(74.3,71%,24.3%)`
HSV (or HSB)	74.3°, 83, 41.6
Web Safe	666600	`#666600`

CIE-LAB	41.662, -20.568, 42.813
XYZ	9.009, 12.283, 2.468
xyY	0.379, 0.517, 12.283
CIE-LCH	41.662, 47.498, 115.66
CIE-LUV	41.662, -9.881, 44.727
Hunter-Lab	35.047, -15.446, 20.357
Binary	01010101, 01101010, 00010010

#556a12
```
#556a12 rgb(85,106,18)
```
#27126a
```
#27126a rgb(39,18,106)
```

Complementary Color

#6a5312
```
#6a5312 rgb(106,83,18)
```
#556a12
```
#556a12 rgb(85,106,18)
```
#296a12
```
#296a12 rgb(41,106,18)
```

Analogous Color

#53126a
```
#53126a rgb(83,18,106)
```
#556a12
```
#556a12 rgb(85,106,18)
```
#12296a
```
#12296a rgb(18,41,106)
```

Split Complementary Color

#6a1255
```
#6a1255 rgb(106,18,85)
```
#556a12
```
#556a12 rgb(85,106,18)
```
#12556a
```
#12556a rgb(18,85,106)
```

Triadic Color

#6a2712
```
#6a2712 rgb(106,39,18)
```
#556a12
```
#556a12 rgb(85,106,18)
```
#12556a
```
#12556a rgb(18,85,106)
```
#27126a
```
#27126a rgb(39,18,106)
```

Tetradic Color

#212907
```
#212907 rgb(33,41,7)
```
#323e0b
```
#323e0b rgb(50,62,11)
```
#44540e
```
#44540e rgb(68,84,14)
```
#556a12
```
#556a12 rgb(85,106,18)
```
#668016
```
#668016 rgb(102,128,22)
```
#789619
```
#789619 rgb(120,150,25)
```
#89ab1d
```
#89ab1d rgb(137,171,29)
```

Monochromatic Color

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

#6a6912
```
#6a6912 rgb(106,105,18)
```
#646a12
```
#646a12 rgb(100,106,18)
```
#5c6a12
```
#5c6a12 rgb(92,106,18)
```
#556a12
```
#556a12 rgb(85,106,18)
```
#4e6a12
```
#4e6a12 rgb(78,106,18)
```
#466a12
```
#466a12 rgb(70,106,18)
```
#3f6a12
```
#3f6a12 rgb(63,106,18)
```

Similar Colors

Text with hexadecimal color #556a12

This text has a font color of #556a12.

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

#556a12 background color

This paragraph has a background color of #556a12.

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

#556a12 border color

This element has a border color of #556a12.

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

CSS codes

.text {color:#556a12;}

.background {background-color:#556a12;}

.border {border:1px solid #556a12;}

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

#040501
```
#040501 rgb(4,5,1)
```
#121604
```
#121604 rgb(18,22,4)
```
#1f2707
```
#1f2707 rgb(31,39,7)
```
#2d3809
```
#2d3809 rgb(45,56,9)
```
#3a480c
```
#3a480c rgb(58,72,12)
```
#48590f
```
#48590f rgb(72,89,15)
```
#556a12
```
#556a12 rgb(85,106,18)
```
#627b15
```
#627b15 rgb(98,123,21)
```
#708c18
```
#708c18 rgb(112,140,24)
```
#7d9c1b
```
#7d9c1b rgb(125,156,27)
```
#8bad1d
```
#8bad1d rgb(139,173,29)
```
#98be20
```
#98be20 rgb(152,190,32)
```
#a6cf23
```
#a6cf23 rgb(166,207,35)
```

Shade Color Variation

#b1db2a
```
#b1db2a rgb(177,219,42)
```
#b7de3b
```
#b7de3b rgb(183,222,59)
```
#bde14c
```
#bde14c rgb(189,225,76)
```
#c3e35d
```
#c3e35d rgb(195,227,93)
```
#c9e66d
```
#c9e66d rgb(201,230,109)
```
#d0e97e
```
#d0e97e rgb(208,233,126)
```
#d6ec8f
```
#d6ec8f rgb(214,236,143)
```
#dcefa0
```
#dcefa0 rgb(220,239,160)
```
#e2f2b1
```
#e2f2b1 rgb(226,242,177)
```
#e8f5c1
```
#e8f5c1 rgb(232,245,193)
```
#eef7d2
```
#eef7d2 rgb(238,247,210)
```
#f5fae3
```
#f5fae3 rgb(245,250,227)
```
#fbfdf4
```
#fbfdf4 rgb(251,253,244)
```

Tint Color Variation

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

#3f3f3d
```
#3f3f3d rgb(63,63,61)
```
#414438
```
#414438 rgb(65,68,56)
```
#444933
```
#444933 rgb(68,73,51)
```
#464d2f
```
#464d2f rgb(70,77,47)
```
#49522a
```
#49522a rgb(73,82,42)
```
#4b5725
```
#4b5725 rgb(75,87,37)
```
#4e5c20
```
#4e5c20 rgb(78,92,32)
```
#50601c
```
#50601c rgb(80,96,28)
```
#536517
```
#536517 rgb(83,101,23)
```
#556a12
```
#556a12 rgb(85,106,18)
```
#576f0d
```
#576f0d rgb(87,111,13)
```
#5a7408
```
#5a7408 rgb(90,116,8)
```
#5c7804
```
#5c7804 rgb(92,120,4)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#595d4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#776a1c Protanopia 1% of men
#846525 Deuteranopia 1% of men
#676a72 Tritanopia 0.001% of the population

Trichromacy

#6a6a18 Protanomaly 1% of men, 0.01% of women
#72671e Deuteranomaly 6% of men, 0.4% of women
#606a4f Tritanomaly 0.01% of the population

#556a12 hex color

#556a12 Color Information

#556a12 Color Conversion

Color Schemes with #556a12

Alternatives to #556a12

#556a12 Preview

Shades and Tints of #556a12

Tones of #556a12

Color Blindness Simulator