#5afdd8 hex color

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

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

● #5afdd8 color description : Soft cyan.

The hexadecimal color #5afdd8 has RGB values of R:90, G:253, B:216 and CMYK values of C:0.64, M:0, Y:0.15, K:0.01. Its decimal value is 5963224.

Hex triplet	5afdd8	`#5afdd8`
RGB Decimal	90, 253, 216	`rgb(90,253,216)`
RGB Percent	35.3, 99.2, 84.7	`rgb(35.3%,99.2%,84.7%)`
CMYK	64, 0, 15, 1
HSL	166.4°, 97.6, 67.3	`hsl(166.4,97.6%,67.3%)`
HSV (or HSB)	166.4°, 64.4, 99.2
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.495, -50.795, 5.294
XYZ	51.732, 77.378, 77.171
xyY	0.251, 0.375, 77.378
CIE-LCH	90.495, 51.07, 174.049
CIE-LUV	90.495, -64.149, 16.428
Hunter-Lab	87.965, -48.962, 9.56
Binary	01011010, 11111101, 11011000

#5afdd8
```
#5afdd8 rgb(90,253,216)
```
#fd5a7f
```
#fd5a7f rgb(253,90,127)
```

Complementary Color

#5afd87
```
#5afd87 rgb(90,253,135)
```
#5afdd8
```
#5afdd8 rgb(90,253,216)
```
#5ad1fd
```
#5ad1fd rgb(90,209,253)
```

Analogous Color

#fd875a
```
#fd875a rgb(253,135,90)
```
#5afdd8
```
#5afdd8 rgb(90,253,216)
```
#fd5ad1
```
#fd5ad1 rgb(253,90,209)
```

Split Complementary Color

#fdd85a
```
#fdd85a rgb(253,216,90)
```
#5afdd8
```
#5afdd8 rgb(90,253,216)
```
#d85afd
```
#d85afd rgb(216,90,253)
```

Triadic Color

#7ffd5a
```
#7ffd5a rgb(127,253,90)
```
#5afdd8
```
#5afdd8 rgb(90,253,216)
```
#d85afd
```
#d85afd rgb(216,90,253)
```
#fd5a7f
```
#fd5a7f rgb(253,90,127)
```

Tetradic Color

#0efcc6
```
#0efcc6 rgb(14,252,198)
```
#28fccc
```
#28fccc rgb(40,252,204)
```
#41fdd2
```
#41fdd2 rgb(65,253,210)
```
#5afdd8
```
#5afdd8 rgb(90,253,216)
```
#73fdde
```
#73fdde rgb(115,253,222)
```
#8cfee4
```
#8cfee4 rgb(140,254,228)
```
#a6feea
```
#a6feea rgb(166,254,234)
```

Monochromatic Color

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

#5afdaf
```
#5afdaf rgb(90,253,175)
```
#5afdbd
```
#5afdbd rgb(90,253,189)
```
#5afdca
```
#5afdca rgb(90,253,202)
```
#5afdd8
```
#5afdd8 rgb(90,253,216)
```
#5afde6
```
#5afde6 rgb(90,253,230)
```
#5afdf3
```
#5afdf3 rgb(90,253,243)
```
#5af9fd
```
#5af9fd rgb(90,249,253)
```

Similar Colors

Text with hexadecimal color #5afdd8

This text has a font color of #5afdd8.

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

#5afdd8 background color

This paragraph has a background color of #5afdd8.

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

#5afdd8 border color

This element has a border color of #5afdd8.

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

CSS codes

.text {color:#5afdd8;}

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

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

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)
```
#001d16
```
#001d16 rgb(0,29,22)
```
#013025
```
#013025 rgb(1,48,37)
```
#014434
```
#014434 rgb(1,68,52)
```
#015743
```
#015743 rgb(1,87,67)
```
#016a52
```
#016a52 rgb(1,106,82)
```
#027e62
```
#027e62 rgb(2,126,98)
```
#029171
```
#029171 rgb(2,145,113)
```
#02a480
```
#02a480 rgb(2,164,128)
```
#02b88f
```
#02b88f rgb(2,184,143)
```
#02cb9e
```
#02cb9e rgb(2,203,158)
```
#03dfad
```
#03dfad rgb(3,223,173)
```
#03f2bc
```
#03f2bc rgb(3,242,188)
```

Shade Color Variation

#0cfcc6
```
#0cfcc6 rgb(12,252,198)
```
#20fcca
```
#20fcca rgb(32,252,202)
```
#33fdcf
```
#33fdcf rgb(51,253,207)
```
#47fdd3
```
#47fdd3 rgb(71,253,211)
```
#5afdd8
```
#5afdd8 rgb(90,253,216)
```
#6dfddd
```
#6dfddd rgb(109,253,221)
```
#81fde1
```
#81fde1 rgb(129,253,225)
```
#94fee6
```
#94fee6 rgb(148,254,230)
```
#a8feea
```
#a8feea rgb(168,254,234)
```
#bbfeef
```
#bbfeef rgb(187,254,239)
```
#cefef3
```
#cefef3 rgb(206,254,243)
```
#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 #5afdd8 is the most saturated one.

#a7b0ae
```
#a7b0ae rgb(167,176,174)
```
#a1b6b1
```
#a1b6b1 rgb(161,182,177)
```
#9abdb5
```
#9abdb5 rgb(154,189,181)
```
#94c3b8
```
#94c3b8 rgb(148,195,184)
```
#8dcabc
```
#8dcabc rgb(141,202,188)
```
#87d0bf
```
#87d0bf rgb(135,208,191)
```
#81d6c3
```
#81d6c3 rgb(129,214,195)
```
#7addc6
```
#7addc6 rgb(122,221,198)
```
#74e3ca
```
#74e3ca rgb(116,227,202)
```
#6deacd
```
#6deacd rgb(109,234,205)
```
#67f0d1
```
#67f0d1 rgb(103,240,209)
```
#60f7d4
```
#60f7d4 rgb(96,247,212)
```
#5afdd8
```
#5afdd8 rgb(90,253,216)
```

Tone Color Variation

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

#eee4cd Protanopia 1% of men
#fadee4 Deuteranopia 1% of men
#a3f1ff Tritanopia 0.001% of the population

Trichromacy

#b8edd1 Protanomaly 1% of men, 0.01% of women
#bfe9e0 Deuteranomaly 6% of men, 0.4% of women
#88f5f0 Tritanomaly 0.01% of the population

#5afdd8 hex color

#5afdd8 Color Information

#5afdd8 Color Conversion

Color Schemes with #5afdd8

Alternatives to #5afdd8

#5afdd8 Preview

Shades and Tints of #5afdd8

Tones of #5afdd8

Color Blindness Simulator