#55ae80 hex color

In a RGB color space, hex #55ae80 is composed of 33.3% red, 68.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 0% magenta, 26.4% yellow and 31.8% black. It has a hue angle of 149 degrees, a saturation of 35.5% and a lightness of 50.8%. #55ae80 color hex could be obtained by blending #aaffff with #005d01. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 68
- B 50
RGB color chart
- C 51
- M 0
- Y 26
- K 32
CMYK color chart

● #55ae80 color description : Dark moderate cyan - lime green.

The hexadecimal color #55ae80 has RGB values of R:85, G:174, B:128 and CMYK values of C:0.51, M:0, Y:0.26, K:0.32. Its decimal value is 5615232.

Hex triplet	55ae80	`#55ae80`
RGB Decimal	85, 174, 128	`rgb(85,174,128)`
RGB Percent	33.3, 68.2, 50.2	`rgb(33.3%,68.2%,50.2%)`
CMYK	51, 0, 26, 32
HSL	149°, 35.5, 50.8	`hsl(149,35.5%,50.8%)`
HSV (or HSB)	149°, 51.1, 68.2
Web Safe	669999	`#669999`

CIE-LAB	64.772, -37.586, 15.602
XYZ	22.777, 33.76, 25.737
xyY	0.277, 0.41, 33.76
CIE-LCH	64.772, 40.696, 157.457
CIE-LUV	64.772, -40.075, 27.56
Hunter-Lab	58.104, -31.708, 14.41
Binary	01010101, 10101110, 10000000

#55ae80
```
#55ae80 rgb(85,174,128)
```
#ae5583
```
#ae5583 rgb(174,85,131)
```

Complementary Color

#57ae55
```
#57ae55 rgb(87,174,85)
```
#55ae80
```
#55ae80 rgb(85,174,128)
```
#55aead
```
#55aead rgb(85,174,173)
```

Analogous Color

#ae5557
```
#ae5557 rgb(174,85,87)
```
#55ae80
```
#55ae80 rgb(85,174,128)
```
#ad55ae
```
#ad55ae rgb(173,85,174)
```

Split Complementary Color

#ae8055
```
#ae8055 rgb(174,128,85)
```
#55ae80
```
#55ae80 rgb(85,174,128)
```
#8055ae
```
#8055ae rgb(128,85,174)
```

Triadic Color

#83ae55
```
#83ae55 rgb(131,174,85)
```
#55ae80
```
#55ae80 rgb(85,174,128)
```
#8055ae
```
#8055ae rgb(128,85,174)
```
#ae5583
```
#ae5583 rgb(174,85,131)
```

Tetradic Color

#3b7c5a
```
#3b7c5a rgb(59,124,90)
```
#438d67
```
#438d67 rgb(67,141,103)
```
#4b9e73
```
#4b9e73 rgb(75,158,115)
```
#55ae80
```
#55ae80 rgb(85,174,128)
```
#66b68d
```
#66b68d rgb(102,182,141)
```
#78be9a
```
#78be9a rgb(120,190,154)
```
#89c7a7
```
#89c7a7 rgb(137,199,167)
```

Monochromatic Color

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

#55ae6a
```
#55ae6a rgb(85,174,106)
```
#55ae71
```
#55ae71 rgb(85,174,113)
```
#55ae79
```
#55ae79 rgb(85,174,121)
```
#55ae80
```
#55ae80 rgb(85,174,128)
```
#55ae87
```
#55ae87 rgb(85,174,135)
```
#55ae8f
```
#55ae8f rgb(85,174,143)
```
#55ae96
```
#55ae96 rgb(85,174,150)
```

Similar Colors

Text with hexadecimal color #55ae80

This text has a font color of #55ae80.

<span style="color:#55ae80;">Text here</span>

#55ae80 background color

This paragraph has a background color of #55ae80.

<p style="background-color:#55ae80;">Content here</p>

#55ae80 border color

This element has a border color of #55ae80.

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

CSS codes

.text {color:#55ae80;}

.background {background-color:#55ae80;}

.border {border:1px solid #55ae80;}

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

#010302
```
#010302 rgb(1,3,2)
```
#08100c
```
#08100c rgb(8,16,12)
```
#0e1d15
```
#0e1d15 rgb(14,29,21)
```
#142b1f
```
#142b1f rgb(20,43,31)
```
#1b3829
```
#1b3829 rgb(27,56,41)
```
#214532
```
#214532 rgb(33,69,50)
```
#27523c
```
#27523c rgb(39,82,60)
```
#2e6046
```
#2e6046 rgb(46,96,70)
```
#346d4f
```
#346d4f rgb(52,109,79)
```
#3a7a59
```
#3a7a59 rgb(58,122,89)
```
#418863
```
#418863 rgb(65,136,99)
```
#47956d
```
#47956d rgb(71,149,109)
```
#4da276
```
#4da276 rgb(77,162,118)
```

Shade Color Variation

#55ae80
```
#55ae80 rgb(85,174,128)
```
#62b48a
```
#62b48a rgb(98,180,138)
```
#70bb94
```
#70bb94 rgb(112,187,148)
```
#7dc19e
```
#7dc19e rgb(125,193,158)
```
#8ac7a8
```
#8ac7a8 rgb(138,199,168)
```
#97ceb2
```
#97ceb2 rgb(151,206,178)
```
#a5d4bc
```
#a5d4bc rgb(165,212,188)
```
#b2dac5
```
#b2dac5 rgb(178,218,197)
```
#bfe1cf
```
#bfe1cf rgb(191,225,207)
```
#cde7d9
```
#cde7d9 rgb(205,231,217)
```
#daede3
```
#daede3 rgb(218,237,227)
```
#e7f4ed
```
#e7f4ed rgb(231,244,237)
```
#f4faf7
```
#f4faf7 rgb(244,250,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8781 is the less saturated color, while #08fb7d is the most saturated one.

#7c8781
```
#7c8781 rgb(124,135,129)
```
#729181
```
#729181 rgb(114,145,129)
```
#689b81
```
#689b81 rgb(104,155,129)
```
#5fa480
```
#5fa480 rgb(95,164,128)
```
#55ae80
```
#55ae80 rgb(85,174,128)
```
#4bb880
```
#4bb880 rgb(75,184,128)
```
#42c17f
```
#42c17f rgb(66,193,127)
```
#38cb7f
```
#38cb7f rgb(56,203,127)
```
#2ed57f
```
#2ed57f rgb(46,213,127)
```
#25de7e
```
#25de7e rgb(37,222,126)
```
#1be87e
```
#1be87e rgb(27,232,126)
```
#11f27e
```
#11f27e rgb(17,242,126)
```
#08fb7d
```
#08fb7d rgb(8,251,125)
```

Tone Color Variation

Below, you can see how #55ae80 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

#8e8e8e Achromatopsia 0.005% of the population
#83948b Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca17f Protanopia 1% of men
#b89c8d Deuteranopia 1% of men
#6eabb8 Tritanopia 0.001% of the population

Trichromacy

#8ca67f Protanomaly 1% of men, 0.01% of women
#94a288 Deuteranomaly 6% of men, 0.4% of women
#64aca3 Tritanomaly 0.01% of the population

#55ae80 hex color

#55ae80 Color Information

#55ae80 Color Conversion

Color Schemes with #55ae80

Alternatives to #55ae80

#55ae80 Preview

Shades and Tints of #55ae80

Tones of #55ae80

Color Blindness Simulator