colorhexa.com

#5a8f18 hex color

In a RGB color space, hex #5a8f18 is composed of 35.3% red, 56.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 37.1% cyan, 0% magenta, 83.2% yellow and 43.9% black. It has a hue angle of 86.7 degrees, a saturation of 71.3% and a lightness of 32.7%. #5a8f18 color hex could be obtained by blending #b4ff30 with #001f00. Closest websafe color is: #669900.

- R 35
- G 56
- B 9
RGB color chart
- C 37
- M 0
- Y 83
- K 44
CMYK color chart

● #5a8f18 color description : Dark green.

The hexadecimal color #5a8f18 has RGB values of R:90, G:143, B:24 and CMYK values of C:0.37, M:0, Y:0.83, K:0.44. Its decimal value is 5934872.

Hex triplet	5a8f18	`#5a8f18`
RGB Decimal	90, 143, 24	`rgb(90,143,24)`
RGB Percent	35.3, 56.1, 9.4	`rgb(35.3%,56.1%,9.4%)`
CMYK	37, 0, 83, 44
HSL	86.7°, 71.3, 32.7	`hsl(86.7,71.3%,32.7%)`
HSV (or HSB)	86.7°, 83.2, 56.1
Web Safe	669900	`#669900`

CIE-LAB	53.904, -35.978, 52.206
XYZ	14.203, 21.884, 4.34
xyY	0.351, 0.541, 21.884
CIE-LCH	53.904, 63.402, 124.573
CIE-LUV	53.904, -26.641, 60.065
Hunter-Lab	46.78, -27.669, 27.246
Binary	01011010, 10001111, 00011000

#5a8f18
```
#5a8f18 rgb(90,143,24)
```
#4d188f
```
#4d188f rgb(77,24,143)
```

Complementary Color

#8f8918
```
#8f8918 rgb(143,137,24)
```
#5a8f18
```
#5a8f18 rgb(90,143,24)
```
#1f8f18
```
#1f8f18 rgb(31,143,24)
```

Analogous Color

#89188f
```
#89188f rgb(137,24,143)
```
#5a8f18
```
#5a8f18 rgb(90,143,24)
```
#181f8f
```
#181f8f rgb(24,31,143)
```

Split Complementary Color

#8f185a
```
#8f185a rgb(143,24,90)
```
#5a8f18
```
#5a8f18 rgb(90,143,24)
```
#185a8f
```
#185a8f rgb(24,90,143)
```

Triadic Color

#314d0d
```
#314d0d rgb(49,77,13)
```
#3f6311
```
#3f6311 rgb(63,99,17)
```
#4c7914
```
#4c7914 rgb(76,121,20)
```
#5a8f18
```
#5a8f18 rgb(90,143,24)
```
#68a51c
```
#68a51c rgb(104,165,28)
```
#75bb1f
```
#75bb1f rgb(117,187,31)
```
#83d123
```
#83d123 rgb(131,209,35)
```

Monochromatic Color

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

#788f18
```
#788f18 rgb(120,143,24)
```
#6e8f18
```
#6e8f18 rgb(110,143,24)
```
#648f18
```
#648f18 rgb(100,143,24)
```
#5a8f18
```
#5a8f18 rgb(90,143,24)
```
#508f18
```
#508f18 rgb(80,143,24)
```
#468f18
```
#468f18 rgb(70,143,24)
```
#3c8f18
```
#3c8f18 rgb(60,143,24)
```

Similar Colors

Text with hexadecimal color #5a8f18

This text has a font color of #5a8f18.

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

#5a8f18 background color

This paragraph has a background color of #5a8f18.

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

#5a8f18 border color

This element has a border color of #5a8f18.

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

CSS codes

.text {color:#5a8f18;}

.background {background-color:#5a8f18;}

.border {border:1px solid #5a8f18;}

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

#050901
```
#050901 rgb(5,9,1)
```
#101904
```
#101904 rgb(16,25,4)
```
#1b2a07
```
#1b2a07 rgb(27,42,7)
```
#253b0a
```
#253b0a rgb(37,59,10)
```
#304c0d
```
#304c0d rgb(48,76,13)
```
#3a5d10
```
#3a5d10 rgb(58,93,16)
```
#456d12
```
#456d12 rgb(69,109,18)
```
#4f7e15
```
#4f7e15 rgb(79,126,21)
```
#5a8f18
```
#5a8f18 rgb(90,143,24)
```
#65a01b
```
#65a01b rgb(101,160,27)
```
#6fb11e
```
#6fb11e rgb(111,177,30)
```
#7ac120
```
#7ac120 rgb(122,193,32)
```
#84d223
```
#84d223 rgb(132,210,35)
```

Shade Color Variation

#8edc2d
```
#8edc2d rgb(142,220,45)
```
#97df3e
```
#97df3e rgb(151,223,62)
```
#a0e14f
```
#a0e14f rgb(160,225,79)
```
#a9e460
```
#a9e460 rgb(169,228,96)
```
#b2e770
```
#b2e770 rgb(178,231,112)
```
#bbea81
```
#bbea81 rgb(187,234,129)
```
#c4ed92
```
#c4ed92 rgb(196,237,146)
```
#cdf0a3
```
#cdf0a3 rgb(205,240,163)
```
#d6f2b4
```
#d6f2b4 rgb(214,242,180)
```
#dff5c4
```
#dff5c4 rgb(223,245,196)
```
#e9f8d5
```
#e9f8d5 rgb(233,248,213)
```
#f2fbe6
```
#f2fbe6 rgb(242,251,230)
```
#fbfef7
```
#fbfef7 rgb(251,254,247)
```

Tint Color Variation

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

#545552
```
#545552 rgb(84,85,82)
```
#545c4b
```
#545c4b rgb(84,92,75)
```
#556245
```
#556245 rgb(85,98,69)
```
#56683f
```
#56683f rgb(86,104,63)
```
#566f38
```
#566f38 rgb(86,111,56)
```
#577532
```
#577532 rgb(87,117,50)
```
#587c2b
```
#587c2b rgb(88,124,43)
```
#598225
```
#598225 rgb(89,130,37)
```
#59891e
```
#59891e rgb(89,137,30)
```
#5a8f18
```
#5a8f18 rgb(90,143,24)
```
#5b9512
```
#5b9512 rgb(91,149,18)
```
#5b9c0b
```
#5b9c0b rgb(91,156,11)
```
#5ca205
```
#5ca205 rgb(92,162,5)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6d7860 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978720 Protanopia 1% of men
#a7812f Deuteranopia 1% of men
#738b95 Tritanopia 0.001% of the population

Trichromacy

#818a1d Protanomaly 1% of men, 0.01% of women
#8b8627 Deuteranomaly 6% of men, 0.4% of women
#6a8c67 Tritanomaly 0.01% of the population