#5afdd9 hex color

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

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

● #5afdd9 color description : Soft cyan.

The hexadecimal color #5afdd9 has RGB values of R:90, G:253, B:217 and CMYK values of C:0.64, M:0, Y:0.14, K:0.01. Its decimal value is 5963225.

Hex triplet	5afdd9	`#5afdd9`
RGB Decimal	90, 253, 217	`rgb(90,253,217)`
RGB Percent	35.3, 99.2, 85.1	`rgb(35.3%,99.2%,85.1%)`
CMYK	64, 0, 14, 1
HSL	166.7°, 97.6, 67.3	`hsl(166.7,97.6%,67.3%)`
HSV (or HSB)	166.7°, 64.4, 99.2
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.519, -50.557, 4.811
XYZ	51.862, 77.429, 77.854
xyY	0.25, 0.374, 77.429
CIE-LCH	90.519, 50.785, 174.564
CIE-LUV	90.519, -64.089, 15.652
Hunter-Lab	87.994, -48.785, 9.138
Binary	01011010, 11111101, 11011001

#5afdd9
```
#5afdd9 rgb(90,253,217)
```
#fd5a7e
```
#fd5a7e rgb(253,90,126)
```

Complementary Color

#5afd88
```
#5afd88 rgb(90,253,136)
```
#5afdd9
```
#5afdd9 rgb(90,253,217)
```
#5ad0fd
```
#5ad0fd rgb(90,208,253)
```

Analogous Color

#fd885a
```
#fd885a rgb(253,136,90)
```
#5afdd9
```
#5afdd9 rgb(90,253,217)
```
#fd5ad0
```
#fd5ad0 rgb(253,90,208)
```

Split Complementary Color

#fdd95a
```
#fdd95a rgb(253,217,90)
```
#5afdd9
```
#5afdd9 rgb(90,253,217)
```
#d95afd
```
#d95afd rgb(217,90,253)
```

Triadic Color

#7efd5a
```
#7efd5a rgb(126,253,90)
```
#5afdd9
```
#5afdd9 rgb(90,253,217)
```
#d95afd
```
#d95afd rgb(217,90,253)
```
#fd5a7e
```
#fd5a7e rgb(253,90,126)
```

Tetradic Color

#0efcc8
```
#0efcc8 rgb(14,252,200)
```
#28fccd
```
#28fccd rgb(40,252,205)
```
#41fdd3
```
#41fdd3 rgb(65,253,211)
```
#5afdd9
```
#5afdd9 rgb(90,253,217)
```
#73fddf
```
#73fddf rgb(115,253,223)
```
#8cfee5
```
#8cfee5 rgb(140,254,229)
```
#a6feea
```
#a6feea rgb(166,254,234)
```

Monochromatic Color

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

#5afdb0
```
#5afdb0 rgb(90,253,176)
```
#5afdbe
```
#5afdbe rgb(90,253,190)
```
#5afdcb
```
#5afdcb rgb(90,253,203)
```
#5afdd9
```
#5afdd9 rgb(90,253,217)
```
#5afde7
```
#5afde7 rgb(90,253,231)
```
#5afdf4
```
#5afdf4 rgb(90,253,244)
```
#5af8fd
```
#5af8fd rgb(90,248,253)
```

Similar Colors

Text with hexadecimal color #5afdd9

This text has a font color of #5afdd9.

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

#5afdd9 background color

This paragraph has a background color of #5afdd9.

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

#5afdd9 border color

This element has a border color of #5afdd9.

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

CSS codes

.text {color:#5afdd9;}

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

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

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 #f5fffd is the lightest one.

#000907
```
#000907 rgb(0,9,7)
```
#001d17
```
#001d17 rgb(0,29,23)
```
#013026
```
#013026 rgb(1,48,38)
```
#014435
```
#014435 rgb(1,68,53)
```
#015744
```
#015744 rgb(1,87,68)
```
#016a53
```
#016a53 rgb(1,106,83)
```
#027e62
```
#027e62 rgb(2,126,98)
```
#029171
```
#029171 rgb(2,145,113)
```
#02a481
```
#02a481 rgb(2,164,129)
```
#02b890
```
#02b890 rgb(2,184,144)
```
#02cb9f
```
#02cb9f rgb(2,203,159)
```
#03dfae
```
#03dfae rgb(3,223,174)
```
#03f2bd
```
#03f2bd rgb(3,242,189)
```

Shade Color Variation

#0cfcc7
```
#0cfcc7 rgb(12,252,199)
```
#20fccc
```
#20fccc rgb(32,252,204)
```
#33fdd0
```
#33fdd0 rgb(51,253,208)
```
#47fdd5
```
#47fdd5 rgb(71,253,213)
```
#5afdd9
```
#5afdd9 rgb(90,253,217)
```
#6dfddd
```
#6dfddd rgb(109,253,221)
```
#81fde2
```
#81fde2 rgb(129,253,226)
```
#94fee6
```
#94fee6 rgb(148,254,230)
```
#a8feeb
```
#a8feeb rgb(168,254,235)
```
#bbfeef
```
#bbfeef rgb(187,254,239)
```
#cefef4
```
#cefef4 rgb(206,254,244)
```
#e2fff8
```
#e2fff8 rgb(226,255,248)
```
#f5fffd
```
#f5fffd rgb(245,255,253)
```

Tint Color Variation

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

#a7b0ae
```
#a7b0ae rgb(167,176,174)
```
#a1b6b2
```
#a1b6b2 rgb(161,182,178)
```
#9abdb5
```
#9abdb5 rgb(154,189,181)
```
#94c3b9
```
#94c3b9 rgb(148,195,185)
```
#8dcabc
```
#8dcabc rgb(141,202,188)
```
#87d0c0
```
#87d0c0 rgb(135,208,192)
```
#81d6c3
```
#81d6c3 rgb(129,214,195)
```
#7addc7
```
#7addc7 rgb(122,221,199)
```
#74e3cb
```
#74e3cb rgb(116,227,203)
```
#6deace
```
#6deace rgb(109,234,206)
```
#67f0d2
```
#67f0d2 rgb(103,240,210)
```
#60f7d5
```
#60f7d5 rgb(96,247,213)
```
#5afdd9
```
#5afdd9 rgb(90,253,217)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#b2d3cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee4ce Protanopia 1% of men
#f9dee5 Deuteranopia 1% of men
#a3f1ff Tritanopia 0.001% of the population

Trichromacy

#b8edd2 Protanomaly 1% of men, 0.01% of women
#bfe9e1 Deuteranomaly 6% of men, 0.4% of women
#88f5f1 Tritanomaly 0.01% of the population

#5afdd9 hex color

#5afdd9 Color Information

#5afdd9 Color Conversion

Color Schemes with #5afdd9

Alternatives to #5afdd9

#5afdd9 Preview

Shades and Tints of #5afdd9

Tones of #5afdd9

Color Blindness Simulator