#556318 hex color

In a RGB color space, hex #556318 is composed of 33.3% red, 38.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 14.1% cyan, 0% magenta, 75.8% yellow and 61.2% black. It has a hue angle of 71.2 degrees, a saturation of 61% and a lightness of 24.1%. #556318 color hex could be obtained by blending #aac630 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 33
- G 39
- B 9
RGB color chart
- C 14
- M 0
- Y 76
- K 61
CMYK color chart

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

The hexadecimal color #556318 has RGB values of R:85, G:99, B:24 and CMYK values of C:0.14, M:0, Y:0.76, K:0.61. Its decimal value is 5595928.

Hex triplet	556318	`#556318`
RGB Decimal	85, 99, 24	`rgb(85,99,24)`
RGB Percent	33.3, 38.8, 9.4	`rgb(33.3%,38.8%,9.4%)`
CMYK	14, 0, 76, 61
HSL	71.2°, 61, 24.1	`hsl(71.2,61%,24.1%)`
HSV (or HSB)	71.2°, 75.8, 38.8
Web Safe	666600	`#666600`

CIE-LAB	39.447, -16.519, 38.52
XYZ	8.373, 10.921, 2.531
xyY	0.384, 0.5, 10.921
CIE-LCH	39.447, 41.913, 113.212
CIE-LUV	39.447, -5.921, 40.194
Hunter-Lab	33.047, -12.606, 18.592
Binary	01010101, 01100011, 00011000

#556318
```
#556318 rgb(85,99,24)
```
#261863
```
#261863 rgb(38,24,99)
```

Complementary Color

#634c18
```
#634c18 rgb(99,76,24)
```
#556318
```
#556318 rgb(85,99,24)
```
#306318
```
#306318 rgb(48,99,24)
```

Analogous Color

#4c1863
```
#4c1863 rgb(76,24,99)
```
#556318
```
#556318 rgb(85,99,24)
```
#183063
```
#183063 rgb(24,48,99)
```

Split Complementary Color

#631855
```
#631855 rgb(99,24,85)
```
#556318
```
#556318 rgb(85,99,24)
```
#185563
```
#185563 rgb(24,85,99)
```

Triadic Color

#632618
```
#632618 rgb(99,38,24)
```
#556318
```
#556318 rgb(85,99,24)
```
#185563
```
#185563 rgb(24,85,99)
```
#261863
```
#261863 rgb(38,24,99)
```

Tetradic Color

#202509
```
#202509 rgb(32,37,9)
```
#323a0e
```
#323a0e rgb(50,58,14)
```
#434e13
```
#434e13 rgb(67,78,19)
```
#556318
```
#556318 rgb(85,99,24)
```
#67781d
```
#67781d rgb(103,120,29)
```
#788c22
```
#788c22 rgb(120,140,34)
```
#8aa127
```
#8aa127 rgb(138,161,39)
```

Monochromatic Color

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

#635e18
```
#635e18 rgb(99,94,24)
```
#626318
```
#626318 rgb(98,99,24)
```
#5b6318
```
#5b6318 rgb(91,99,24)
```
#556318
```
#556318 rgb(85,99,24)
```
#4f6318
```
#4f6318 rgb(79,99,24)
```
#496318
```
#496318 rgb(73,99,24)
```
#426318
```
#426318 rgb(66,99,24)
```

Similar Colors

Text with hexadecimal color #556318

This text has a font color of #556318.

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

#556318 background color

This paragraph has a background color of #556318.

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

#556318 border color

This element has a border color of #556318.

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

CSS codes

.text {color:#556318;}

.background {background-color:#556318;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#111405
```
#111405 rgb(17,20,5)
```
#1f2409
```
#1f2409 rgb(31,36,9)
```
#2c340d
```
#2c340d rgb(44,52,13)
```
#3a4310
```
#3a4310 rgb(58,67,16)
```
#475314
```
#475314 rgb(71,83,20)
```
#556318
```
#556318 rgb(85,99,24)
```
#63731c
```
#63731c rgb(99,115,28)
```
#708320
```
#708320 rgb(112,131,32)
```
#7e9223
```
#7e9223 rgb(126,146,35)
```
#8ba227
```
#8ba227 rgb(139,162,39)
```
#99b22b
```
#99b22b rgb(153,178,43)
```
#a6c22f
```
#a6c22f rgb(166,194,47)
```

Shade Color Variation

#b2ce36
```
#b2ce36 rgb(178,206,54)
```
#b8d246
```
#b8d246 rgb(184,210,70)
```
#bed656
```
#bed656 rgb(190,214,86)
```
#c4da65
```
#c4da65 rgb(196,218,101)
```
#cade75
```
#cade75 rgb(202,222,117)
```
#d0e185
```
#d0e185 rgb(208,225,133)
```
#d6e595
```
#d6e595 rgb(214,229,149)
```
#dce9a5
```
#dce9a5 rgb(220,233,165)
```
#e2edb4
```
#e2edb4 rgb(226,237,180)
```
#e8f1c4
```
#e8f1c4 rgb(232,241,196)
```
#eef5d4
```
#eef5d4 rgb(238,245,212)
```
#f5f8e4
```
#f5f8e4 rgb(245,248,228)
```
#fbfcf3
```
#fbfcf3 rgb(251,252,243)
```

Tint Color Variation

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

#404239
```
#404239 rgb(64,66,57)
```
#434734
```
#434734 rgb(67,71,52)
```
#464b30
```
#464b30 rgb(70,75,48)
```
#49502b
```
#49502b rgb(73,80,43)
```
#4c5526
```
#4c5526 rgb(76,85,38)
```
#4f5a21
```
#4f5a21 rgb(79,90,33)
```
#525e1d
```
#525e1d rgb(82,94,29)
```
#556318
```
#556318 rgb(85,99,24)
```
#586813
```
#586813 rgb(88,104,19)
```
#5b6c0f
```
#5b6c0f rgb(91,108,15)
```
#5e710a
```
#5e710a rgb(94,113,10)
```
#617605
```
#617605 rgb(97,118,5)
```
#647b00
```
#647b00 rgb(100,123,0)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#56594a Atypical Achromatopsia 0.001% of the population

Dichromacy

#716522 Protanopia 1% of men
#7d6028 Deuteranopia 1% of men
#66646b Tritanopia 0.001% of the population

Trichromacy

#66641e Protanomaly 1% of men, 0.01% of women
#6e6122 Deuteranomaly 6% of men, 0.4% of women
#5f634d Tritanomaly 0.01% of the population

#556318 hex color

#556318 Color Information

#556318 Color Conversion

Color Schemes with #556318

Alternatives to #556318

#556318 Preview

Shades and Tints of #556318

Tones of #556318

Color Blindness Simulator