#558a0c hex color

In a RGB color space, hex #558a0c is composed of 33.3% red, 54.1% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 91.3% yellow and 45.9% black. It has a hue angle of 85.2 degrees, a saturation of 84% and a lightness of 29.4%. #558a0c color hex could be obtained by blending #aaff18 with #001500. Closest websafe color is: #669900.

♥
- f
- t
- g
- R 33
- G 54
- B 5
RGB color chart
- C 38
- M 0
- Y 91
- K 46
CMYK color chart

● #558a0c color description : Dark green.

The hexadecimal color #558a0c has RGB values of R:85, G:138, B:12 and CMYK values of C:0.38, M:0, Y:0.91, K:0.46. Its decimal value is 5605900.

Hex triplet	558a0c	`#558a0c`
RGB Decimal	85, 138, 12	`rgb(85,138,12)`
RGB Percent	33.3, 54.1, 4.7	`rgb(33.3%,54.1%,4.7%)`
CMYK	38, 0, 91, 46
HSL	85.2°, 84, 29.4	`hsl(85.2,84%,29.4%)`
HSV (or HSB)	85.2°, 91.3, 54.1
Web Safe	669900	`#669900`

CIE-LAB	51.989, -36.096, 53.303
XYZ	12.901, 20.134, 3.554
xyY	0.353, 0.55, 20.134
CIE-LCH	51.989, 64.375, 124.105
CIE-LUV	51.989, -26.589, 59.636
Hunter-Lab	44.871, -27.204, 26.713
Binary	01010101, 10001010, 00001100

#558a0c
```
#558a0c rgb(85,138,12)
```
#410c8a
```
#410c8a rgb(65,12,138)
```

Complementary Color

#8a800c
```
#8a800c rgb(138,128,12)
```
#558a0c
```
#558a0c rgb(85,138,12)
```
#168a0c
```
#168a0c rgb(22,138,12)
```

Analogous Color

#800c8a
```
#800c8a rgb(128,12,138)
```
#558a0c
```
#558a0c rgb(85,138,12)
```
#0c168a
```
#0c168a rgb(12,22,138)
```

Split Complementary Color

#8a0c55
```
#8a0c55 rgb(138,12,85)
```
#558a0c
```
#558a0c rgb(85,138,12)
```
#0c558a
```
#0c558a rgb(12,85,138)
```

Triadic Color

#8a410c
```
#8a410c rgb(138,65,12)
```
#558a0c
```
#558a0c rgb(85,138,12)
```
#0c558a
```
#0c558a rgb(12,85,138)
```
#410c8a
```
#410c8a rgb(65,12,138)
```

Tetradic Color

#2a4406
```
#2a4406 rgb(42,68,6)
```
#385b08
```
#385b08 rgb(56,91,8)
```
#47730a
```
#47730a rgb(71,115,10)
```
#558a0c
```
#558a0c rgb(85,138,12)
```
#63a10e
```
#63a10e rgb(99,161,14)
```
#72b910
```
#72b910 rgb(114,185,16)
```
#80d012
```
#80d012 rgb(128,208,18)
```

Monochromatic Color

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

#758a0c
```
#758a0c rgb(117,138,12)
```
#6a8a0c
```
#6a8a0c rgb(106,138,12)
```
#608a0c
```
#608a0c rgb(96,138,12)
```
#558a0c
```
#558a0c rgb(85,138,12)
```
#4b8a0c
```
#4b8a0c rgb(75,138,12)
```
#408a0c
```
#408a0c rgb(64,138,12)
```
#368a0c
```
#368a0c rgb(54,138,12)
```

Similar Colors

Text with hexadecimal color #558a0c

This text has a font color of #558a0c.

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

#558a0c background color

This paragraph has a background color of #558a0c.

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

#558a0c border color

This element has a border color of #558a0c.

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

CSS codes

.text {color:#558a0c;}

.background {background-color:#558a0c;}

.border {border:1px solid #558a0c;}

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, #070c01 is the darkest color, while #fcfef9 is the lightest one.

#070c01
```
#070c01 rgb(7,12,1)
```
#121e03
```
#121e03 rgb(18,30,3)
```
#1d3004
```
#1d3004 rgb(29,48,4)
```
#294206
```
#294206 rgb(41,66,6)
```
#345407
```
#345407 rgb(52,84,7)
```
#3f6609
```
#3f6609 rgb(63,102,9)
```
#4a780a
```
#4a780a rgb(74,120,10)
```
#558a0c
```
#558a0c rgb(85,138,12)
```
#609c0e
```
#609c0e rgb(96,156,14)
```
#6bae0f
```
#6bae0f rgb(107,174,15)
```
#76c011
```
#76c011 rgb(118,192,17)
```
#81d212
```
#81d212 rgb(129,210,18)
```
#8de414
```
#8de414 rgb(141,228,20)
```

Shade Color Variation

#96ec20
```
#96ec20 rgb(150,236,32)
```
#9fed32
```
#9fed32 rgb(159,237,50)
```
#a7ef44
```
#a7ef44 rgb(167,239,68)
```
#b0f056
```
#b0f056 rgb(176,240,86)
```
#b8f268
```
#b8f268 rgb(184,242,104)
```
#c1f37a
```
#c1f37a rgb(193,243,122)
```
#c9f58c
```
#c9f58c rgb(201,245,140)
```
#d2f79e
```
#d2f79e rgb(210,247,158)
```
#daf8b0
```
#daf8b0 rgb(218,248,176)
```
#e3fac2
```
#e3fac2 rgb(227,250,194)
```
#ebfbd5
```
#ebfbd5 rgb(235,251,213)
```
#f4fde7
```
#f4fde7 rgb(244,253,231)
```
#fcfef9
```
#fcfef9 rgb(252,254,249)
```

Tint Color Variation

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

#4c5046
```
#4c5046 rgb(76,80,70)
```
#4d5640
```
#4d5640 rgb(77,86,64)
```
#4e5c3a
```
#4e5c3a rgb(78,92,58)
```
#4f6234
```
#4f6234 rgb(79,98,52)
```
#50672f
```
#50672f rgb(80,103,47)
```
#506d29
```
#506d29 rgb(80,109,41)
```
#517323
```
#517323 rgb(81,115,35)
```
#52791d
```
#52791d rgb(82,121,29)
```
#537e18
```
#537e18 rgb(83,126,24)
```
#548412
```
#548412 rgb(84,132,18)
```
#558a0c
```
#558a0c rgb(85,138,12)
```
#569006
```
#569006 rgb(86,144,6)
```
#579600
```
#579600 rgb(87,150,0)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#677259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928314 Protanopia 1% of men
#a27c27 Deuteranopia 1% of men
#6e8690 Tritanopia 0.001% of the population

Trichromacy

#7c8511 Protanomaly 1% of men, 0.01% of women
#86811d Deuteranomaly 6% of men, 0.4% of women
#658760 Tritanomaly 0.01% of the population

#558a0c hex color

#558a0c Color Information

#558a0c Color Conversion

Color Schemes with #558a0c

Alternatives to #558a0c

#558a0c Preview

Shades and Tints of #558a0c

Tones of #558a0c

Color Blindness Simulator