#5aad2f hex color

In a RGB color space, hex #5aad2f is composed of 35.3% red, 67.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 0% magenta, 72.8% yellow and 32.2% black. It has a hue angle of 99.5 degrees, a saturation of 57.3% and a lightness of 43.1%. #5aad2f color hex could be obtained by blending #b4ff5e with #005b00. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 35
- G 68
- B 18
RGB color chart
- C 48
- M 0
- Y 73
- K 32
CMYK color chart

● #5aad2f color description : Dark green.

The hexadecimal color #5aad2f has RGB values of R:90, G:173, B:47 and CMYK values of C:0.48, M:0, Y:0.73, K:0.32. Its decimal value is 5942575.

Hex triplet	5aad2f	`#5aad2f`
RGB Decimal	90, 173, 47	`rgb(90,173,47)`
RGB Percent	35.3, 67.8, 18.4	`rgb(35.3%,67.8%,18.4%)`
CMYK	48, 0, 73, 32
HSL	99.5°, 57.3, 43.1	`hsl(99.5,57.3%,43.1%)`
HSV (or HSB)	99.5°, 72.8, 67.8
Web Safe	669933	`#669933`

CIE-LAB	63.561, -47.174, 53.827
XYZ	19.672, 32.265, 7.88
xyY	0.329, 0.539, 32.265
CIE-LCH	63.561, 71.573, 131.231
CIE-LUV	63.561, -40.162, 68.068
Hunter-Lab	56.802, -37.584, 31.536
Binary	01011010, 10101101, 00101111

#5aad2f
```
#5aad2f rgb(90,173,47)
```
#822fad
```
#822fad rgb(130,47,173)
```

Complementary Color

#99ad2f
```
#99ad2f rgb(153,173,47)
```
#5aad2f
```
#5aad2f rgb(90,173,47)
```
#2fad43
```
#2fad43 rgb(47,173,67)
```

Analogous Color

#ad2f99
```
#ad2f99 rgb(173,47,153)
```
#5aad2f
```
#5aad2f rgb(90,173,47)
```
#432fad
```
#432fad rgb(67,47,173)
```

Split Complementary Color

#ad2f5a
```
#ad2f5a rgb(173,47,90)
```
#5aad2f
```
#5aad2f rgb(90,173,47)
```
#2f5aad
```
#2f5aad rgb(47,90,173)
```

Triadic Color

#ad822f
```
#ad822f rgb(173,130,47)
```
#5aad2f
```
#5aad2f rgb(90,173,47)
```
#2f5aad
```
#2f5aad rgb(47,90,173)
```
#822fad
```
#822fad rgb(130,47,173)
```

Tetradic Color

#3b711f
```
#3b711f rgb(59,113,31)
```
#458524
```
#458524 rgb(69,133,36)
```
#50992a
```
#50992a rgb(80,153,42)
```
#5aad2f
```
#5aad2f rgb(90,173,47)
```
#64c134
```
#64c134 rgb(100,193,52)
```
#72cc43
```
#72cc43 rgb(114,204,67)
```
#81d157
```
#81d157 rgb(129,209,87)
```

Monochromatic Color

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

#7aad2f
```
#7aad2f rgb(122,173,47)
```
#6fad2f
```
#6fad2f rgb(111,173,47)
```
#65ad2f
```
#65ad2f rgb(101,173,47)
```
#5aad2f
```
#5aad2f rgb(90,173,47)
```
#4fad2f
```
#4fad2f rgb(79,173,47)
```
#45ad2f
```
#45ad2f rgb(69,173,47)
```
#3aad2f
```
#3aad2f rgb(58,173,47)
```

Similar Colors

Text with hexadecimal color #5aad2f

This text has a font color of #5aad2f.

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

#5aad2f background color

This paragraph has a background color of #5aad2f.

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

#5aad2f border color

This element has a border color of #5aad2f.

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

CSS codes

.text {color:#5aad2f;}

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

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0a1305
```
#0a1305 rgb(10,19,5)
```
#122209
```
#122209 rgb(18,34,9)
```
#1a320d
```
#1a320d rgb(26,50,13)
```
#224112
```
#224112 rgb(34,65,18)
```
#2a5016
```
#2a5016 rgb(42,80,22)
```
#32601a
```
#32601a rgb(50,96,26)
```
#3a6f1e
```
#3a6f1e rgb(58,111,30)
```
#427f22
```
#427f22 rgb(66,127,34)
```
#4a8e27
```
#4a8e27 rgb(74,142,39)
```
#529e2b
```
#529e2b rgb(82,158,43)
```
#5aad2f
```
#5aad2f rgb(90,173,47)
```
#62bc33
```
#62bc33 rgb(98,188,51)
```

Shade Color Variation

#6bc93a
```
#6bc93a rgb(107,201,58)
```
#76ce49
```
#76ce49 rgb(118,206,73)
```
#82d259
```
#82d259 rgb(130,210,89)
```
#8ed668
```
#8ed668 rgb(142,214,104)
```
#99da78
```
#99da78 rgb(153,218,120)
```
#a5de87
```
#a5de87 rgb(165,222,135)
```
#b0e396
```
#b0e396 rgb(176,227,150)
```
#bce7a6
```
#bce7a6 rgb(188,231,166)
```
#c8ebb5
```
#c8ebb5 rgb(200,235,181)
```
#d3efc5
```
#d3efc5 rgb(211,239,197)
```
#dff3d4
```
#dff3d4 rgb(223,243,212)
```
#eaf8e3
```
#eaf8e3 rgb(234,248,227)
```
#f6fcf3
```
#f6fcf3 rgb(246,252,243)
```

Tint Color Variation

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

#6d726a
```
#6d726a rgb(109,114,106)
```
#6a7a62
```
#6a7a62 rgb(106,122,98)
```
#678359
```
#678359 rgb(103,131,89)
```
#658b51
```
#658b51 rgb(101,139,81)
```
#629448
```
#629448 rgb(98,148,72)
```
#5f9c40
```
#5f9c40 rgb(95,156,64)
```
#5da537
```
#5da537 rgb(93,165,55)
```
#5aad2f
```
#5aad2f rgb(90,173,47)
```
#57b527
```
#57b527 rgb(87,181,39)
```
#55be1e
```
#55be1e rgb(85,190,30)
```
#52c616
```
#52c616 rgb(82,198,22)
```
#4fcf0d
```
#4fcf0d rgb(79,207,13)
```
#4dd705
```
#4dd705 rgb(77,215,5)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7d8e75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19f35 Protanopia 1% of men
#c49745 Deuteranopia 1% of men
#7aa6b2 Tritanopia 0.001% of the population

Trichromacy

#91a432 Protanomaly 1% of men, 0.01% of women
#9d9f3d Deuteranomaly 6% of men, 0.4% of women
#6ea882 Tritanomaly 0.01% of the population

#5aad2f hex color

#5aad2f Color Information

#5aad2f Color Conversion

Color Schemes with #5aad2f

Alternatives to #5aad2f

#5aad2f Preview

Shades and Tints of #5aad2f

Tones of #5aad2f

Color Blindness Simulator