#5afdd1 hex color

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

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

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

The hexadecimal color #5afdd1 has RGB values of R:90, G:253, B:209 and CMYK values of C:0.64, M:0, Y:0.17, K:0.01. Its decimal value is 5963217.

Hex triplet	5afdd1	`#5afdd1`
RGB Decimal	90, 253, 209	`rgb(90,253,209)`
RGB Percent	35.3, 99.2, 82	`rgb(35.3%,99.2%,82%)`
CMYK	64, 0, 17, 1
HSL	163.8°, 97.6, 67.3	`hsl(163.8,97.6%,67.3%)`
HSV (or HSB)	163.8°, 64.4, 99.2
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.332, -52.437, 8.682
XYZ	50.846, 77.023, 72.505
xyY	0.254, 0.384, 77.023
CIE-LCH	90.332, 53.151, 170.599
CIE-LUV	90.332, -64.569, 21.803
Hunter-Lab	87.763, -50.169, 12.451
Binary	01011010, 11111101, 11010001

#5afdd1
```
#5afdd1 rgb(90,253,209)
```
#fd5a86
```
#fd5a86 rgb(253,90,134)
```

Complementary Color

#5afd80
```
#5afd80 rgb(90,253,128)
```
#5afdd1
```
#5afdd1 rgb(90,253,209)
```
#5ad8fd
```
#5ad8fd rgb(90,216,253)
```

Analogous Color

#fd805a
```
#fd805a rgb(253,128,90)
```
#5afdd1
```
#5afdd1 rgb(90,253,209)
```
#fd5ad8
```
#fd5ad8 rgb(253,90,216)
```

Split Complementary Color

#fdd15a
```
#fdd15a rgb(253,209,90)
```
#5afdd1
```
#5afdd1 rgb(90,253,209)
```
#d15afd
```
#d15afd rgb(209,90,253)
```

Triadic Color

#86fd5a
```
#86fd5a rgb(134,253,90)
```
#5afdd1
```
#5afdd1 rgb(90,253,209)
```
#d15afd
```
#d15afd rgb(209,90,253)
```
#fd5a86
```
#fd5a86 rgb(253,90,134)
```

Tetradic Color

#0efcbc
```
#0efcbc rgb(14,252,188)
```
#28fcc3
```
#28fcc3 rgb(40,252,195)
```
#41fdca
```
#41fdca rgb(65,253,202)
```
#5afdd1
```
#5afdd1 rgb(90,253,209)
```
#73fdd8
```
#73fdd8 rgb(115,253,216)
```
#8cfedf
```
#8cfedf rgb(140,254,223)
```
#a6fee6
```
#a6fee6 rgb(166,254,230)
```

Monochromatic Color

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

#5afda8
```
#5afda8 rgb(90,253,168)
```
#5afdb6
```
#5afdb6 rgb(90,253,182)
```
#5afdc3
```
#5afdc3 rgb(90,253,195)
```
#5afdd1
```
#5afdd1 rgb(90,253,209)
```
#5afddf
```
#5afddf rgb(90,253,223)
```
#5afdec
```
#5afdec rgb(90,253,236)
```
#5afdfa
```
#5afdfa rgb(90,253,250)
```

Similar Colors

Text with hexadecimal color #5afdd1

This text has a font color of #5afdd1.

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

#5afdd1 background color

This paragraph has a background color of #5afdd1.

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

#5afdd1 border color

This element has a border color of #5afdd1.

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

CSS codes

.text {color:#5afdd1;}

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

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

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

#000907
```
#000907 rgb(0,9,7)
```
#001d15
```
#001d15 rgb(0,29,21)
```
#013023
```
#013023 rgb(1,48,35)
```
#014432
```
#014432 rgb(1,68,50)
```
#015740
```
#015740 rgb(1,87,64)
```
#016a4e
```
#016a4e rgb(1,106,78)
```
#027e5c
```
#027e5c rgb(2,126,92)
```
#02916a
```
#02916a rgb(2,145,106)
```
#02a479
```
#02a479 rgb(2,164,121)
```
#02b887
```
#02b887 rgb(2,184,135)
```
#02cb95
```
#02cb95 rgb(2,203,149)
```
#03dfa3
```
#03dfa3 rgb(3,223,163)
```
#03f2b1
```
#03f2b1 rgb(3,242,177)
```

Shade Color Variation

#0cfcbb
```
#0cfcbb rgb(12,252,187)
```
#20fcc1
```
#20fcc1 rgb(32,252,193)
```
#33fdc6
```
#33fdc6 rgb(51,253,198)
```
#47fdcc
```
#47fdcc rgb(71,253,204)
```
#5afdd1
```
#5afdd1 rgb(90,253,209)
```
#6dfdd6
```
#6dfdd6 rgb(109,253,214)
```
#81fddc
```
#81fddc rgb(129,253,220)
```
#94fee1
```
#94fee1 rgb(148,254,225)
```
#a8fee7
```
#a8fee7 rgb(168,254,231)
```
#bbfeec
```
#bbfeec rgb(187,254,236)
```
#cefef1
```
#cefef1 rgb(206,254,241)
```
#e2fff7
```
#e2fff7 rgb(226,255,247)
```
#f5fffc
```
#f5fffc rgb(245,255,252)
```

Tint Color Variation

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

#a7b0ae
```
#a7b0ae rgb(167,176,174)
```
#a1b6b0
```
#a1b6b0 rgb(161,182,176)
```
#9abdb3
```
#9abdb3 rgb(154,189,179)
```
#94c3b6
```
#94c3b6 rgb(148,195,182)
```
#8dcab9
```
#8dcab9 rgb(141,202,185)
```
#87d0bc
```
#87d0bc rgb(135,208,188)
```
#81d6bf
```
#81d6bf rgb(129,214,191)
```
#7addc2
```
#7addc2 rgb(122,221,194)
```
#74e3c5
```
#74e3c5 rgb(116,227,197)
```
#6deac8
```
#6deac8 rgb(109,234,200)
```
#67f0cb
```
#67f0cb rgb(103,240,203)
```
#60f7ce
```
#60f7ce rgb(96,247,206)
```
#5afdd1
```
#5afdd1 rgb(90,253,209)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#b1d2c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efe4c7 Protanopia 1% of men
#fcddde Deuteranopia 1% of men
#a1f1ff Tritanopia 0.001% of the population

Trichromacy

#b9edca Protanomaly 1% of men, 0.01% of women
#c1e9d9 Deuteranomaly 6% of men, 0.4% of women
#87f5ee Tritanomaly 0.01% of the population

#5afdd1 hex color

#5afdd1 Color Information

#5afdd1 Color Conversion

Color Schemes with #5afdd1

Alternatives to #5afdd1

#5afdd1 Preview

Shades and Tints of #5afdd1

Tones of #5afdd1

Color Blindness Simulator