#5ae1a2 hex color

In a RGB color space, hex #5ae1a2 is composed of 35.3% red, 88.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 28% yellow and 11.8% black. It has a hue angle of 152 degrees, a saturation of 69.2% and a lightness of 61.8%. #5ae1a2 color hex could be obtained by blending #b4ffff with #00c345. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 35
- G 88
- B 64
RGB color chart
- C 60
- M 0
- Y 28
- K 12
CMYK color chart

● #5ae1a2 color description : Soft cyan - lime green.

The hexadecimal color #5ae1a2 has RGB values of R:90, G:225, B:162 and CMYK values of C:0.6, M:0, Y:0.28, K:0.12. Its decimal value is 5956002.

Hex triplet	5ae1a2	`#5ae1a2`
RGB Decimal	90, 225, 162	`rgb(90,225,162)`
RGB Percent	35.3, 88.2, 63.5	`rgb(35.3%,88.2%,63.5%)`
CMYK	60, 0, 28, 12
HSL	152°, 69.2, 61.8	`hsl(152,69.2%,61.8%)`
HSV (or HSB)	152°, 60, 88.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	81.088, -51.238, 20.077
XYZ	37.661, 58.63, 43.512
xyY	0.269, 0.419, 58.63
CIE-LCH	81.088, 55.031, 158.603
CIE-LUV	81.088, -56.974, 37.247
Hunter-Lab	76.57, -46.203, 19.906
Binary	01011010, 11100001, 10100010

#5ae1a2
```
#5ae1a2 rgb(90,225,162)
```
#e15a99
```
#e15a99 rgb(225,90,153)
```

Complementary Color

#5ae15e
```
#5ae15e rgb(90,225,94)
```
#5ae1a2
```
#5ae1a2 rgb(90,225,162)
```
#5adde1
```
#5adde1 rgb(90,221,225)
```

Analogous Color

#e15f5a
```
#e15f5a rgb(225,95,90)
```
#5ae1a2
```
#5ae1a2 rgb(90,225,162)
```
#e15add
```
#e15add rgb(225,90,221)
```

Split Complementary Color

#e1a25a
```
#e1a25a rgb(225,162,90)
```
#5ae1a2
```
#5ae1a2 rgb(90,225,162)
```
#a25ae1
```
#a25ae1 rgb(162,90,225)
```

Triadic Color

#99e15a
```
#99e15a rgb(153,225,90)
```
#5ae1a2
```
#5ae1a2 rgb(90,225,162)
```
#a25ae1
```
#a25ae1 rgb(162,90,225)
```
#e15a99
```
#e15a99 rgb(225,90,153)
```

Tetradic Color

#25ca7d
```
#25ca7d rgb(37,202,125)
```
#2fd98a
```
#2fd98a rgb(47,217,138)
```
#44dd96
```
#44dd96 rgb(68,221,150)
```
#5ae1a2
```
#5ae1a2 rgb(90,225,162)
```
#70e5ae
```
#70e5ae rgb(112,229,174)
```
#85e9ba
```
#85e9ba rgb(133,233,186)
```
#9bedc6
```
#9bedc6 rgb(155,237,198)
```

Monochromatic Color

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

#5ae180
```
#5ae180 rgb(90,225,128)
```
#5ae18c
```
#5ae18c rgb(90,225,140)
```
#5ae197
```
#5ae197 rgb(90,225,151)
```
#5ae1a2
```
#5ae1a2 rgb(90,225,162)
```
#5ae1ad
```
#5ae1ad rgb(90,225,173)
```
#5ae1b9
```
#5ae1b9 rgb(90,225,185)
```
#5ae1c4
```
#5ae1c4 rgb(90,225,196)
```

Similar Colors

Text with hexadecimal color #5ae1a2

This text has a font color of #5ae1a2.

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

#5ae1a2 background color

This paragraph has a background color of #5ae1a2.

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

#5ae1a2 border color

This element has a border color of #5ae1a2.

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

CSS codes

.text {color:#5ae1a2;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#03120b
```
#03120b rgb(3,18,11)
```
#062215
```
#062215 rgb(6,34,21)
```
#09331f
```
#09331f rgb(9,51,31)
```
#0c432a
```
#0c432a rgb(12,67,42)
```
#0f5434
```
#0f5434 rgb(15,84,52)
```
#12653e
```
#12653e rgb(18,101,62)
```
#157548
```
#157548 rgb(21,117,72)
```
#188653
```
#188653 rgb(24,134,83)
```
#1b965d
```
#1b965d rgb(27,150,93)
```
#1ea767
```
#1ea767 rgb(30,167,103)
```
#21b871
```
#21b871 rgb(33,184,113)
```
#24c87c
```
#24c87c rgb(36,200,124)
```

Shade Color Variation

#28d886
```
#28d886 rgb(40,216,134)
```
#39db8f
```
#39db8f rgb(57,219,143)
```
#49de99
```
#49de99 rgb(73,222,153)
```
#5ae1a2
```
#5ae1a2 rgb(90,225,162)
```
#6be4ab
```
#6be4ab rgb(107,228,171)
```
#7be7b5
```
#7be7b5 rgb(123,231,181)
```
#8ceabe
```
#8ceabe rgb(140,234,190)
```
#9cedc7
```
#9cedc7 rgb(156,237,199)
```
#adf0d1
```
#adf0d1 rgb(173,240,209)
```
#bef3da
```
#bef3da rgb(190,243,218)
```
#cef6e3
```
#cef6e3 rgb(206,246,227)
```
#dff9ed
```
#dff9ed rgb(223,249,237)
```
#effcf6
```
#effcf6 rgb(239,252,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96a59e is the less saturated color, while #3cffa4 is the most saturated one.

#96a59e
```
#96a59e rgb(150,165,158)
```
#8fad9f
```
#8fad9f rgb(143,173,159)
```
#87b49f
```
#87b49f rgb(135,180,159)
```
#80bca0
```
#80bca0 rgb(128,188,160)
```
#78c3a0
```
#78c3a0 rgb(120,195,160)
```
#71cba1
```
#71cba1 rgb(113,203,161)
```
#69d2a1
```
#69d2a1 rgb(105,210,161)
```
#62daa2
```
#62daa2 rgb(98,218,162)
```
#5ae1a2
```
#5ae1a2 rgb(90,225,162)
```
#53e9a3
```
#53e9a3 rgb(83,233,163)
```
#4bf0a3
```
#4bf0a3 rgb(75,240,163)
```
#44f8a4
```
#44f8a4 rgb(68,248,164)
```
#3cffa4
```
#3cffa4 rgb(60,255,164)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a0bbae Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9cb9d Protanopia 1% of men
#e8c5b0 Deuteranopia 1% of men
#7dd9e9 Tritanopia 0.001% of the population

Trichromacy

#abd39e Protanomaly 1% of men, 0.01% of women
#b4cfab Deuteranomaly 6% of men, 0.4% of women
#70dccf Tritanomaly 0.01% of the population

#5ae1a2 hex color

#5ae1a2 Color Information

#5ae1a2 Color Conversion

Color Schemes with #5ae1a2

Alternatives to #5ae1a2

#5ae1a2 Preview

Shades and Tints of #5ae1a2

Tones of #5ae1a2

Color Blindness Simulator