#5afde7 hex color

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

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

● #5afde7 color description : Soft cyan.

The hexadecimal color #5afde7 has RGB values of R:90, G:253, B:231 and CMYK values of C:0.64, M:0, Y:0.09, K:0.01. Its decimal value is 5963239.

Hex triplet	5afde7	`#5afde7`
RGB Decimal	90, 253, 231	`rgb(90,253,231)`
RGB Percent	35.3, 99.2, 90.6	`rgb(35.3%,99.2%,90.6%)`
CMYK	64, 0, 9, 1
HSL	171.9°, 97.6, 67.3	`hsl(171.9,97.6%,67.3%)`
HSV (or HSB)	171.9°, 64.4, 99.2
Web Safe	66ffff	`#66ffff`

CIE-LAB	90.866, -47.126, -1.942
XYZ	53.761, 78.189, 87.856
xyY	0.245, 0.356, 78.189
CIE-LCH	90.866, 47.166, 182.36
CIE-LUV	90.866, -63.234, 4.601
Hunter-Lab	88.425, -46.218, 2.989
Binary	01011010, 11111101, 11100111

#5afde7
```
#5afde7 rgb(90,253,231)
```
#fd5a70
```
#fd5a70 rgb(253,90,112)
```

Complementary Color

#5afd96
```
#5afd96 rgb(90,253,150)
```
#5afde7
```
#5afde7 rgb(90,253,231)
```
#5ac2fd
```
#5ac2fd rgb(90,194,253)
```

Analogous Color

#fd965a
```
#fd965a rgb(253,150,90)
```
#5afde7
```
#5afde7 rgb(90,253,231)
```
#fd5ac2
```
#fd5ac2 rgb(253,90,194)
```

Split Complementary Color

#fde75a
```
#fde75a rgb(253,231,90)
```
#5afde7
```
#5afde7 rgb(90,253,231)
```
#e75afd
```
#e75afd rgb(231,90,253)
```

Triadic Color

#70fd5a
```
#70fd5a rgb(112,253,90)
```
#5afde7
```
#5afde7 rgb(90,253,231)
```
#e75afd
```
#e75afd rgb(231,90,253)
```
#fd5a70
```
#fd5a70 rgb(253,90,112)
```

Tetradic Color

#0efcdc
```
#0efcdc rgb(14,252,220)
```
#28fce0
```
#28fce0 rgb(40,252,224)
```
#41fde3
```
#41fde3 rgb(65,253,227)
```
#5afde7
```
#5afde7 rgb(90,253,231)
```
#73fdeb
```
#73fdeb rgb(115,253,235)
```
#8cfeee
```
#8cfeee rgb(140,254,238)
```
#a6fef2
```
#a6fef2 rgb(166,254,242)
```

Monochromatic Color

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

#5afdbe
```
#5afdbe rgb(90,253,190)
```
#5afdcc
```
#5afdcc rgb(90,253,204)
```
#5afdd9
```
#5afdd9 rgb(90,253,217)
```
#5afde7
```
#5afde7 rgb(90,253,231)
```
#5afdf5
```
#5afdf5 rgb(90,253,245)
```
#5af8fd
```
#5af8fd rgb(90,248,253)
```
#5aeafd
```
#5aeafd rgb(90,234,253)
```

Similar Colors

Text with hexadecimal color #5afde7

This text has a font color of #5afde7.

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

#5afde7 background color

This paragraph has a background color of #5afde7.

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

#5afde7 border color

This element has a border color of #5afde7.

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

CSS codes

.text {color:#5afde7;}

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

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

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

#000908
```
#000908 rgb(0,9,8)
```
#001d19
```
#001d19 rgb(0,29,25)
```
#01302a
```
#01302a rgb(1,48,42)
```
#01443b
```
#01443b rgb(1,68,59)
```
#01574b
```
#01574b rgb(1,87,75)
```
#016a5c
```
#016a5c rgb(1,106,92)
```
#027e6d
```
#027e6d rgb(2,126,109)
```
#02917e
```
#02917e rgb(2,145,126)
```
#02a48f
```
#02a48f rgb(2,164,143)
```
#02b89f
```
#02b89f rgb(2,184,159)
```
#02cbb0
```
#02cbb0 rgb(2,203,176)
```
#03dfc1
```
#03dfc1 rgb(3,223,193)
```
#03f2d2
```
#03f2d2 rgb(3,242,210)
```

Shade Color Variation

#0cfcdc
```
#0cfcdc rgb(12,252,220)
```
#20fcdf
```
#20fcdf rgb(32,252,223)
```
#33fde1
```
#33fde1 rgb(51,253,225)
```
#47fde4
```
#47fde4 rgb(71,253,228)
```
#5afde7
```
#5afde7 rgb(90,253,231)
```
#6dfdea
```
#6dfdea rgb(109,253,234)
```
#81fded
```
#81fded rgb(129,253,237)
```
#94feef
```
#94feef rgb(148,254,239)
```
#a8fef2
```
#a8fef2 rgb(168,254,242)
```
#bbfef5
```
#bbfef5 rgb(187,254,245)
```
#cefef8
```
#cefef8 rgb(206,254,248)
```
#e2fffb
```
#e2fffb rgb(226,255,251)
```
#f5fffe
```
#f5fffe rgb(245,255,254)
```

Tint Color Variation

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

#a7b0af
```
#a7b0af rgb(167,176,175)
```
#a1b6b3
```
#a1b6b3 rgb(161,182,179)
```
#9abdb8
```
#9abdb8 rgb(154,189,184)
```
#94c3bd
```
#94c3bd rgb(148,195,189)
```
#8dcac1
```
#8dcac1 rgb(141,202,193)
```
#87d0c6
```
#87d0c6 rgb(135,208,198)
```
#81d6cb
```
#81d6cb rgb(129,214,203)
```
#7addd0
```
#7addd0 rgb(122,221,208)
```
#74e3d4
```
#74e3d4 rgb(116,227,212)
```
#6dead9
```
#6dead9 rgb(109,234,217)
```
#67f0de
```
#67f0de rgb(103,240,222)
```
#60f7e2
```
#60f7e2 rgb(96,247,226)
```
#5afde7
```
#5afde7 rgb(90,253,231)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#b4d4d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece5db Protanopia 1% of men
#f5dff2 Deuteranopia 1% of men
#a7f2ff Tritanopia 0.001% of the population

Trichromacy

#b7eddf Protanomaly 1% of men, 0.01% of women
#bceaee Deuteranomaly 6% of men, 0.4% of women
#8bf6f6 Tritanomaly 0.01% of the population

#5afde7 hex color

#5afde7 Color Information

#5afde7 Color Conversion

Color Schemes with #5afde7

Alternatives to #5afde7

#5afde7 Preview

Shades and Tints of #5afde7

Tones of #5afde7

Color Blindness Simulator