#5afda2 hex color

In a RGB color space, hex #5afda2 is composed of 35.3% red, 99.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 0% magenta, 36% yellow and 0.8% black. It has a hue angle of 146.5 degrees, a saturation of 97.6% and a lightness of 67.3%. #5afda2 color hex could be obtained by blending #b4ffff with #00fb45. Closest websafe color is: #66ff99.

♥
- f
- t
- g
- R 35
- G 99
- B 64
RGB color chart
- C 64
- M 0
- Y 36
- K 1
CMYK color chart

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

The hexadecimal color #5afda2 has RGB values of R:90, G:253, B:162 and CMYK values of C:0.64, M:0, Y:0.36, K:0.01. Its decimal value is 5963170.

Hex triplet	5afda2	`#5afda2`
RGB Decimal	90, 253, 162	`rgb(90,253,162)`
RGB Percent	35.3, 99.2, 63.5	`rgb(35.3%,99.2%,63.5%)`
CMYK	64, 0, 36, 1
HSL	146.5°, 97.6, 67.3	`hsl(146.5,97.6%,67.3%)`
HSV (or HSB)	146.5°, 64.4, 99.2
Web Safe	66ff99	`#66ff99`

CIE-LAB	89.406, -62.173, 31.398
XYZ	45.86, 75.029, 46.246
xyY	0.274, 0.449, 75.029
CIE-LCH	89.406, 69.651, 153.206
CIE-LUV	89.406, -67.194, 54.764
Hunter-Lab	86.619, -57.077, 28.979
Binary	01011010, 11111101, 10100010

#5afda2
```
#5afda2 rgb(90,253,162)
```
#fd5ab5
```
#fd5ab5 rgb(253,90,181)
```

Complementary Color

#64fd5a
```
#64fd5a rgb(100,253,90)
```
#5afda2
```
#5afda2 rgb(90,253,162)
```
#5afdf4
```
#5afdf4 rgb(90,253,244)
```

Analogous Color

#fd5a64
```
#fd5a64 rgb(253,90,100)
```
#5afda2
```
#5afda2 rgb(90,253,162)
```
#f45afd
```
#f45afd rgb(244,90,253)
```

Split Complementary Color

#fda25a
```
#fda25a rgb(253,162,90)
```
#5afda2
```
#5afda2 rgb(90,253,162)
```
#a25afd
```
#a25afd rgb(162,90,253)
```

Triadic Color

#b5fd5a
```
#b5fd5a rgb(181,253,90)
```
#5afda2
```
#5afda2 rgb(90,253,162)
```
#a25afd
```
#a25afd rgb(162,90,253)
```
#fd5ab5
```
#fd5ab5 rgb(253,90,181)
```

Tetradic Color

#0efc77
```
#0efc77 rgb(14,252,119)
```
#28fc86
```
#28fc86 rgb(40,252,134)
```
#41fd94
```
#41fd94 rgb(65,253,148)
```
#5afda2
```
#5afda2 rgb(90,253,162)
```
#73fdb0
```
#73fdb0 rgb(115,253,176)
```
#8cfebe
```
#8cfebe rgb(140,254,190)
```
#a6fecd
```
#a6fecd rgb(166,254,205)
```

Monochromatic Color

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

#5afd79
```
#5afd79 rgb(90,253,121)
```
#5afd87
```
#5afd87 rgb(90,253,135)
```
#5afd94
```
#5afd94 rgb(90,253,148)
```
#5afda2
```
#5afda2 rgb(90,253,162)
```
#5afdb0
```
#5afdb0 rgb(90,253,176)
```
#5afdbd
```
#5afdbd rgb(90,253,189)
```
#5afdcb
```
#5afdcb rgb(90,253,203)
```

Similar Colors

Text with hexadecimal color #5afda2

This text has a font color of #5afda2.

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

#5afda2 background color

This paragraph has a background color of #5afda2.

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

#5afda2 border color

This element has a border color of #5afda2.

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

CSS codes

.text {color:#5afda2;}

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

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

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

#000904
```
#000904 rgb(0,9,4)
```
#001d0d
```
#001d0d rgb(0,29,13)
```
#013016
```
#013016 rgb(1,48,22)
```
#01441e
```
#01441e rgb(1,68,30)
```
#015727
```
#015727 rgb(1,87,39)
```
#016a30
```
#016a30 rgb(1,106,48)
```
#027e38
```
#027e38 rgb(2,126,56)
```
#029141
```
#029141 rgb(2,145,65)
```
#02a44a
```
#02a44a rgb(2,164,74)
```
#02b852
```
#02b852 rgb(2,184,82)
```
#02cb5b
```
#02cb5b rgb(2,203,91)
```
#03df64
```
#03df64 rgb(3,223,100)
```
#03f26d
```
#03f26d rgb(3,242,109)
```

Shade Color Variation

#0cfc76
```
#0cfc76 rgb(12,252,118)
```
#20fc81
```
#20fc81 rgb(32,252,129)
```
#33fd8c
```
#33fd8c rgb(51,253,140)
```
#47fd97
```
#47fd97 rgb(71,253,151)
```
#5afda2
```
#5afda2 rgb(90,253,162)
```
#6dfdad
```
#6dfdad rgb(109,253,173)
```
#81fdb8
```
#81fdb8 rgb(129,253,184)
```
#94fec3
```
#94fec3 rgb(148,254,195)
```
#a8fece
```
#a8fece rgb(168,254,206)
```
#bbfed9
```
#bbfed9 rgb(187,254,217)
```
#cefee4
```
#cefee4 rgb(206,254,228)
```
#e2ffee
```
#e2ffee rgb(226,255,238)
```
#f5fff9
```
#f5fff9 rgb(245,255,249)
```

Tint Color Variation

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

#a7b0ab
```
#a7b0ab rgb(167,176,171)
```
#a1b6aa
```
#a1b6aa rgb(161,182,170)
```
#9abda9
```
#9abda9 rgb(154,189,169)
```
#94c3a9
```
#94c3a9 rgb(148,195,169)
```
#8dcaa8
```
#8dcaa8 rgb(141,202,168)
```
#87d0a7
```
#87d0a7 rgb(135,208,167)
```
#81d6a6
```
#81d6a6 rgb(129,214,166)
```
#7adda6
```
#7adda6 rgb(122,221,166)
```
#74e3a5
```
#74e3a5 rgb(116,227,165)
```
#6deaa4
```
#6deaa4 rgb(109,234,164)
```
#67f0a3
```
#67f0a3 rgb(103,240,163)
```
#60f7a3
```
#60f7a3 rgb(96,247,163)
```
#5afda2
```
#5afda2 rgb(90,253,162)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#adcebc Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4e29c Protanopia 1% of men
#ffdbc0 Deuteranopia 1% of men
#99efff Tritanopia 0.001% of the population

Trichromacy

#bceb9e Protanomaly 1% of men, 0.01% of women
#c3e7b5 Deuteranomaly 6% of men, 0.4% of women
#82f4dd Tritanomaly 0.01% of the population

#5afda2 hex color

#5afda2 Color Information

#5afda2 Color Conversion

Color Schemes with #5afda2

Alternatives to #5afda2

#5afda2 Preview

Shades and Tints of #5afda2

Tones of #5afda2

Color Blindness Simulator