#5aa874 hex color

In a RGB color space, hex #5aa874 is composed of 35.3% red, 65.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 0% magenta, 31% yellow and 34.1% black. It has a hue angle of 140 degrees, a saturation of 31% and a lightness of 50.6%. #5aa874 color hex could be obtained by blending #b4ffe8 with #005100. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 66
- B 45
RGB color chart
- C 46
- M 0
- Y 31
- K 34
CMYK color chart

● #5aa874 color description : Dark moderate cyan - lime green.

The hexadecimal color #5aa874 has RGB values of R:90, G:168, B:116 and CMYK values of C:0.46, M:0, Y:0.31, K:0.34. Its decimal value is 5941364.

Hex triplet	5aa874	`#5aa874`
RGB Decimal	90, 168, 116	`rgb(90,168,116)`
RGB Percent	35.3, 65.9, 45.5	`rgb(35.3%,65.9%,45.5%)`
CMYK	46, 0, 31, 34
HSL	140°, 31, 50.6	`hsl(140,31%,50.6%)`
HSV (or HSB)	140°, 46.4, 65.9
Web Safe	669966	`#669966`

CIE-LAB	62.876, -35.946, 19.595
XYZ	21.37, 31.439, 21.464
xyY	0.288, 0.423, 31.439
CIE-LCH	62.876, 40.94, 151.404
CIE-LUV	62.876, -36.347, 32.153
Hunter-Lab	56.07, -30.09, 16.552
Binary	01011010, 10101000, 01110100

#5aa874
```
#5aa874 rgb(90,168,116)
```
#a85a8e
```
#a85a8e rgb(168,90,142)
```

Complementary Color

#67a85a
```
#67a85a rgb(103,168,90)
```
#5aa874
```
#5aa874 rgb(90,168,116)
```
#5aa89b
```
#5aa89b rgb(90,168,155)
```

Analogous Color

#a85a67
```
#a85a67 rgb(168,90,103)
```
#5aa874
```
#5aa874 rgb(90,168,116)
```
#9b5aa8
```
#9b5aa8 rgb(155,90,168)
```

Split Complementary Color

#a8745a
```
#a8745a rgb(168,116,90)
```
#5aa874
```
#5aa874 rgb(90,168,116)
```
#745aa8
```
#745aa8 rgb(116,90,168)
```

Triadic Color

#8ea85a
```
#8ea85a rgb(142,168,90)
```
#5aa874
```
#5aa874 rgb(90,168,116)
```
#745aa8
```
#745aa8 rgb(116,90,168)
```
#a85a8e
```
#a85a8e rgb(168,90,142)
```

Tetradic Color

#3f7751
```
#3f7751 rgb(63,119,81)
```
#47885d
```
#47885d rgb(71,136,93)
```
#509868
```
#509868 rgb(80,152,104)
```
#5aa874
```
#5aa874 rgb(90,168,116)
```
#6bb182
```
#6bb182 rgb(107,177,130)
```
#7bba90
```
#7bba90 rgb(123,186,144)
```
#8cc29e
```
#8cc29e rgb(140,194,158)
```

Monochromatic Color

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

#5aa861
```
#5aa861 rgb(90,168,97)
```
#5aa867
```
#5aa867 rgb(90,168,103)
```
#5aa86e
```
#5aa86e rgb(90,168,110)
```
#5aa874
```
#5aa874 rgb(90,168,116)
```
#5aa87b
```
#5aa87b rgb(90,168,123)
```
#5aa881
```
#5aa881 rgb(90,168,129)
```
#5aa888
```
#5aa888 rgb(90,168,136)
```

Similar Colors

Text with hexadecimal color #5aa874

This text has a font color of #5aa874.

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

#5aa874 background color

This paragraph has a background color of #5aa874.

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

#5aa874 border color

This element has a border color of #5aa874.

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

CSS codes

.text {color:#5aa874;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#080f0a
```
#080f0a rgb(8,15,10)
```
#0f1c13
```
#0f1c13 rgb(15,28,19)
```
#15281c
```
#15281c rgb(21,40,28)
```
#1c3525
```
#1c3525 rgb(28,53,37)
```
#23422d
```
#23422d rgb(35,66,45)
```
#2a4f36
```
#2a4f36 rgb(42,79,54)
```
#305c3f
```
#305c3f rgb(48,92,63)
```
#376948
```
#376948 rgb(55,105,72)
```
#3e7651
```
#3e7651 rgb(62,118,81)
```
#458259
```
#458259 rgb(69,130,89)
```
#4c8f62
```
#4c8f62 rgb(76,143,98)
```
#529c6b
```
#529c6b rgb(82,156,107)
```

Shade Color Variation

#5aa874
```
#5aa874 rgb(90,168,116)
```
#67af7f
```
#67af7f rgb(103,175,127)
```
#74b68a
```
#74b68a rgb(116,182,138)
```
#81bc94
```
#81bc94 rgb(129,188,148)
```
#8dc39f
```
#8dc39f rgb(141,195,159)
```
#9acaaa
```
#9acaaa rgb(154,202,170)
```
#a7d1b5
```
#a7d1b5 rgb(167,209,181)
```
#b4d7c0
```
#b4d7c0 rgb(180,215,192)
```
#c1decb
```
#c1decb rgb(193,222,203)
```
#cee5d5
```
#cee5d5 rgb(206,229,213)
```
#daece0
```
#daece0 rgb(218,236,224)
```
#e7f2eb
```
#e7f2eb rgb(231,242,235)
```
#f4f9f6
```
#f4f9f6 rgb(244,249,246)
```

Tint Color Variation

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

#818181
```
#818181 rgb(129,129,129)
```
#778b7e
```
#778b7e rgb(119,139,126)
```
#6d957a
```
#6d957a rgb(109,149,122)
```
#649e77
```
#649e77 rgb(100,158,119)
```
#5aa874
```
#5aa874 rgb(90,168,116)
```
#50b271
```
#50b271 rgb(80,178,113)
```
#47bb6e
```
#47bb6e rgb(71,187,110)
```
#3dc56a
```
#3dc56a rgb(61,197,106)
```
#33cf67
```
#33cf67 rgb(51,207,103)
```
#2ad864
```
#2ad864 rgb(42,216,100)
```
#20e261
```
#20e261 rgb(32,226,97)
```
#16ec5d
```
#16ec5d rgb(22,236,93)
```
#0cf65a
```
#0cf65a rgb(12,246,90)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#819186 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89d74 Protanopia 1% of men
#b59782 Deuteranopia 1% of men
#72a5b1 Tritanopia 0.001% of the population

Trichromacy

#8ca174 Protanomaly 1% of men, 0.01% of women
#949d7d Deuteranomaly 6% of men, 0.4% of women
#69a69b Tritanomaly 0.01% of the population

#5aa874 hex color

#5aa874 Color Information

#5aa874 Color Conversion

Color Schemes with #5aa874

Alternatives to #5aa874

#5aa874 Preview

Shades and Tints of #5aa874

Tones of #5aa874

Color Blindness Simulator