#558a1a hex color

In a RGB color space, hex #558a1a is composed of 33.3% red, 54.1% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 81.2% yellow and 45.9% black. It has a hue angle of 88.4 degrees, a saturation of 68.3% and a lightness of 32.2%. #558a1a color hex could be obtained by blending #aaff34 with #001500. Closest websafe color is: #669933.

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

● #558a1a color description : Dark green.

The hexadecimal color #558a1a has RGB values of R:85, G:138, B:26 and CMYK values of C:0.38, M:0, Y:0.81, K:0.46. Its decimal value is 5605914.

Hex triplet	558a1a	`#558a1a`
RGB Decimal	85, 138, 26	`rgb(85,138,26)`
RGB Percent	33.3, 54.1, 10.2	`rgb(33.3%,54.1%,10.2%)`
CMYK	38, 0, 81, 46
HSL	88.4°, 68.3, 32.2	`hsl(88.4,68.3%,32.2%)`
HSV (or HSB)	88.4°, 81.2, 54.1
Web Safe	669933	`#669933`

CIE-LAB	52.043, -35.534, 49.81
XYZ	13.021, 20.182, 4.187
xyY	0.348, 0.54, 20.182
CIE-LCH	52.043, 61.186, 125.504
CIE-LUV	52.043, -26.521, 57.449
Hunter-Lab	44.925, -26.882, 25.922
Binary	01010101, 10001010, 00011010

#558a1a
```
#558a1a rgb(85,138,26)
```
#4f1a8a
```
#4f1a8a rgb(79,26,138)
```

Complementary Color

#8a871a
```
#8a871a rgb(138,135,26)
```
#558a1a
```
#558a1a rgb(85,138,26)
```
#1d8a1a
```
#1d8a1a rgb(29,138,26)
```

Analogous Color

#871a8a
```
#871a8a rgb(135,26,138)
```
#558a1a
```
#558a1a rgb(85,138,26)
```
#1a1d8a
```
#1a1d8a rgb(26,29,138)
```

Split Complementary Color

#8a1a55
```
#8a1a55 rgb(138,26,85)
```
#558a1a
```
#558a1a rgb(85,138,26)
```
#1a558a
```
#1a558a rgb(26,85,138)
```

Triadic Color

#8a4f1a
```
#8a4f1a rgb(138,79,26)
```
#558a1a
```
#558a1a rgb(85,138,26)
```
#1a558a
```
#1a558a rgb(26,85,138)
```
#4f1a8a
```
#4f1a8a rgb(79,26,138)
```

Tetradic Color

#2d4a0e
```
#2d4a0e rgb(45,74,14)
```
#3b5f12
```
#3b5f12 rgb(59,95,18)
```
#487516
```
#487516 rgb(72,117,22)
```
#558a1a
```
#558a1a rgb(85,138,26)
```
#629f1e
```
#629f1e rgb(98,159,30)
```
#6fb522
```
#6fb522 rgb(111,181,34)
```
#7dca26
```
#7dca26 rgb(125,202,38)
```

Monochromatic Color

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

#718a1a
```
#718a1a rgb(113,138,26)
```
#688a1a
```
#688a1a rgb(104,138,26)
```
#5e8a1a
```
#5e8a1a rgb(94,138,26)
```
#558a1a
```
#558a1a rgb(85,138,26)
```
#4c8a1a
```
#4c8a1a rgb(76,138,26)
```
#428a1a
```
#428a1a rgb(66,138,26)
```
#398a1a
```
#398a1a rgb(57,138,26)
```

Similar Colors

Text with hexadecimal color #558a1a

This text has a font color of #558a1a.

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

#558a1a background color

This paragraph has a background color of #558a1a.

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

#558a1a border color

This element has a border color of #558a1a.

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

CSS codes

.text {color:#558a1a;}

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

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

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

#040601
```
#040601 rgb(4,6,1)
```
#0e1604
```
#0e1604 rgb(14,22,4)
```
#182707
```
#182707 rgb(24,39,7)
```
#22370a
```
#22370a rgb(34,55,10)
```
#2c480e
```
#2c480e rgb(44,72,14)
```
#375811
```
#375811 rgb(55,88,17)
```
#416914
```
#416914 rgb(65,105,20)
```
#4b7917
```
#4b7917 rgb(75,121,23)
```
#558a1a
```
#558a1a rgb(85,138,26)
```
#5f9b1d
```
#5f9b1d rgb(95,155,29)
```
#69ab20
```
#69ab20 rgb(105,171,32)
```
#73bc23
```
#73bc23 rgb(115,188,35)
```
#7ecc26
```
#7ecc26 rgb(126,204,38)
```

Shade Color Variation

#88d82e
```
#88d82e rgb(136,216,46)
```
#91db3f
```
#91db3f rgb(145,219,63)
```
#9ade4f
```
#9ade4f rgb(154,222,79)
```
#a4e160
```
#a4e160 rgb(164,225,96)
```
#ade470
```
#ade470 rgb(173,228,112)
```
#b7e781
```
#b7e781 rgb(183,231,129)
```
#c0ea91
```
#c0ea91 rgb(192,234,145)
```
#caeda2
```
#caeda2 rgb(202,237,162)
```
#d3f1b2
```
#d3f1b2 rgb(211,241,178)
```
#ddf4c3
```
#ddf4c3 rgb(221,244,195)
```
#e6f7d3
```
#e6f7d3 rgb(230,247,211)
```
#f0fae4
```
#f0fae4 rgb(240,250,228)
```
#f9fdf4
```
#f9fdf4 rgb(249,253,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52584c is the less saturated color, while #56a301 is the most saturated one.

#52584c
```
#52584c rgb(82,88,76)
```
#535e46
```
#535e46 rgb(83,94,70)
```
#536440
```
#536440 rgb(83,100,64)
```
#536a3a
```
#536a3a rgb(83,106,58)
```
#547133
```
#547133 rgb(84,113,51)
```
#54772d
```
#54772d rgb(84,119,45)
```
#547d27
```
#547d27 rgb(84,125,39)
```
#558420
```
#558420 rgb(85,132,32)
```
#558a1a
```
#558a1a rgb(85,138,26)
```
#559014
```
#559014 rgb(85,144,20)
```
#56970d
```
#56970d rgb(86,151,13)
```
#569d07
```
#569d07 rgb(86,157,7)
```
#56a301
```
#56a301 rgb(86,163,1)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#68735c Atypical Achromatopsia 0.001% of the population

Dichromacy

#928322 Protanopia 1% of men
#a27c30 Deuteranopia 1% of men
#6e8690 Tritanopia 0.001% of the population

Trichromacy

#7c851f Protanomaly 1% of men, 0.01% of women
#868128 Deuteranomaly 6% of men, 0.4% of women
#658765 Tritanomaly 0.01% of the population

#558a1a hex color

#558a1a Color Information

#558a1a Color Conversion

Color Schemes with #558a1a

Alternatives to #558a1a

#558a1a Preview

Shades and Tints of #558a1a

Tones of #558a1a

Color Blindness Simulator