#5aa667 hex color

In a RGB color space, hex #5aa667 is composed of 35.3% red, 65.1% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 0% magenta, 38% yellow and 34.9% black. It has a hue angle of 130.3 degrees, a saturation of 29.9% and a lightness of 50.2%. #5aa667 color hex could be obtained by blending #b4ffce with #004d00. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 65
- B 40
RGB color chart
- C 46
- M 0
- Y 38
- K 35
CMYK color chart

● #5aa667 color description : Dark moderate lime green.

The hexadecimal color #5aa667 has RGB values of R:90, G:166, B:103 and CMYK values of C:0.46, M:0, Y:0.38, K:0.35. Its decimal value is 5940839.

Hex triplet	5aa667	`#5aa667`
RGB Decimal	90, 166, 103	`rgb(90,166,103)`
RGB Percent	35.3, 65.1, 40.4	`rgb(35.3%,65.1%,40.4%)`
CMYK	46, 0, 38, 35
HSL	130.3°, 29.9, 50.2	`hsl(130.3,29.9%,50.2%)`
HSV (or HSB)	130.3°, 45.8, 65.1
Web Safe	669966	`#669966`

CIE-LAB	62.018, -37.413, 25.498
XYZ	20.3, 30.424, 17.634
xyY	0.297, 0.445, 30.424
CIE-LCH	62.018, 45.275, 145.725
CIE-LUV	62.018, -35.884, 39.284
Hunter-Lab	55.158, -30.833, 19.656
Binary	01011010, 10100110, 01100111

#5aa667
```
#5aa667 rgb(90,166,103)
```
#a65a99
```
#a65a99 rgb(166,90,153)
```

Complementary Color

#73a65a
```
#73a65a rgb(115,166,90)
```
#5aa667
```
#5aa667 rgb(90,166,103)
```
#5aa68d
```
#5aa68d rgb(90,166,141)
```

Analogous Color

#a65a73
```
#a65a73 rgb(166,90,115)
```
#5aa667
```
#5aa667 rgb(90,166,103)
```
#8d5aa6
```
#8d5aa6 rgb(141,90,166)
```

Split Complementary Color

#a6675a
```
#a6675a rgb(166,103,90)
```
#5aa667
```
#5aa667 rgb(90,166,103)
```
#675aa6
```
#675aa6 rgb(103,90,166)
```

Triadic Color

#99a65a
```
#99a65a rgb(153,166,90)
```
#5aa667
```
#5aa667 rgb(90,166,103)
```
#675aa6
```
#675aa6 rgb(103,90,166)
```
#a65a99
```
#a65a99 rgb(166,90,153)
```

Tetradic Color

#3f7548
```
#3f7548 rgb(63,117,72)
```
#488552
```
#488552 rgb(72,133,82)
```
#51965d
```
#51965d rgb(81,150,93)
```
#5aa667
```
#5aa667 rgb(90,166,103)
```
#6baf76
```
#6baf76 rgb(107,175,118)
```
#7bb886
```
#7bb886 rgb(123,184,134)
```
#8cc195
```
#8cc195 rgb(140,193,149)
```

Monochromatic Color

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

#60a65a
```
#60a65a rgb(96,166,90)
```
#5aa65a
```
#5aa65a rgb(90,166,90)
```
#5aa661
```
#5aa661 rgb(90,166,97)
```
#5aa667
```
#5aa667 rgb(90,166,103)
```
#5aa66d
```
#5aa66d rgb(90,166,109)
```
#5aa674
```
#5aa674 rgb(90,166,116)
```
#5aa67a
```
#5aa67a rgb(90,166,122)
```

Similar Colors

Text with hexadecimal color #5aa667

This text has a font color of #5aa667.

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

#5aa667 background color

This paragraph has a background color of #5aa667.

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

#5aa667 border color

This element has a border color of #5aa667.

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

CSS codes

.text {color:#5aa667;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#070d08
```
#070d08 rgb(7,13,8)
```
#0e1a10
```
#0e1a10 rgb(14,26,16)
```
#152718
```
#152718 rgb(21,39,24)
```
#1c3420
```
#1c3420 rgb(28,52,32)
```
#234028
```
#234028 rgb(35,64,40)
```
#2a4d30
```
#2a4d30 rgb(42,77,48)
```
#305a38
```
#305a38 rgb(48,90,56)
```
#37673f
```
#37673f rgb(55,103,63)
```
#3e7347
```
#3e7347 rgb(62,115,71)
```
#45804f
```
#45804f rgb(69,128,79)
```
#4c8d57
```
#4c8d57 rgb(76,141,87)
```
#539a5f
```
#539a5f rgb(83,154,95)
```

Shade Color Variation

#5aa667
```
#5aa667 rgb(90,166,103)
```
#67ad73
```
#67ad73 rgb(103,173,115)
```
#73b47e
```
#73b47e rgb(115,180,126)
```
#80bb8a
```
#80bb8a rgb(128,187,138)
```
#8dc196
```
#8dc196 rgb(141,193,150)
```
#9ac8a2
```
#9ac8a2 rgb(154,200,162)
```
#a6cfad
```
#a6cfad rgb(166,207,173)
```
#b3d6b9
```
#b3d6b9 rgb(179,214,185)
```
#c0ddc5
```
#c0ddc5 rgb(192,221,197)
```
#cde4d1
```
#cde4d1 rgb(205,228,209)
```
#d9ebdc
```
#d9ebdc rgb(217,235,220)
```
#e6f2e8
```
#e6f2e8 rgb(230,242,232)
```
#f3f8f4
```
#f3f8f4 rgb(243,248,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77897a is the less saturated color, while #02fe2d is the most saturated one.

#77897a
```
#77897a rgb(119,137,122)
```
#6e9274
```
#6e9274 rgb(110,146,116)
```
#649c6d
```
#649c6d rgb(100,156,109)
```
#5aa667
```
#5aa667 rgb(90,166,103)
```
#50b061
```
#50b061 rgb(80,176,97)
```
#46ba5a
```
#46ba5a rgb(70,186,90)
```
#3dc354
```
#3dc354 rgb(61,195,84)
```
#33cd4d
```
#33cd4d rgb(51,205,77)
```
#29d747
```
#29d747 rgb(41,215,71)
```
#1fe140
```
#1fe140 rgb(31,225,64)
```
#16ea3a
```
#16ea3a rgb(22,234,58)
```
#0cf434
```
#0cf434 rgb(12,244,52)
```
#02fe2d
```
#02fe2d rgb(2,254,45)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7f8e81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89b68 Protanopia 1% of men
#b69576 Deuteranopia 1% of men
#73a2ae Tritanopia 0.001% of the population

Trichromacy

#8b9f68 Protanomaly 1% of men, 0.01% of women
#949b70 Deuteranomaly 6% of men, 0.4% of women
#6aa394 Tritanomaly 0.01% of the population

#5aa667 hex color

#5aa667 Color Information

#5aa667 Color Conversion

Color Schemes with #5aa667

Alternatives to #5aa667

#5aa667 Preview

Shades and Tints of #5aa667

Tones of #5aa667

Color Blindness Simulator