#5afdf5 hex color

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

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

● #5afdf5 color description : Soft cyan.

The hexadecimal color #5afdf5 has RGB values of R:90, G:253, B:245 and CMYK values of C:0.64, M:0, Y:0.03, K:0.01. Its decimal value is 5963253.

Hex triplet	5afdf5	`#5afdf5`
RGB Decimal	90, 253, 245	`rgb(90,253,245)`
RGB Percent	35.3, 99.2, 96.1	`rgb(35.3%,99.2%,96.1%)`
CMYK	64, 0, 3, 1
HSL	177.1°, 97.6, 67.3	`hsl(177.1,97.6%,67.3%)`
HSV (or HSB)	177.1°, 64.4, 99.2
Web Safe	66ffff	`#66ffff`

CIE-LAB	91.24, -43.528, -8.658
XYZ	55.818, 79.012, 98.69
xyY	0.239, 0.338, 79.012
CIE-LCH	91.24, 44.381, 191.249
CIE-LUV	91.24, -62.368, -6.758
Hunter-Lab	88.889, -43.465, -3.606
Binary	01011010, 11111101, 11110101

#5afdf5
```
#5afdf5 rgb(90,253,245)
```
#fd5a62
```
#fd5a62 rgb(253,90,98)
```

Complementary Color

#5afda4
```
#5afda4 rgb(90,253,164)
```
#5afdf5
```
#5afdf5 rgb(90,253,245)
```
#5ab4fd
```
#5ab4fd rgb(90,180,253)
```

Analogous Color

#fda45a
```
#fda45a rgb(253,164,90)
```
#5afdf5
```
#5afdf5 rgb(90,253,245)
```
#fd5ab4
```
#fd5ab4 rgb(253,90,180)
```

Split Complementary Color

#fdf55a
```
#fdf55a rgb(253,245,90)
```
#5afdf5
```
#5afdf5 rgb(90,253,245)
```
#f55afd
```
#f55afd rgb(245,90,253)
```

Triadic Color

#62fd5a
```
#62fd5a rgb(98,253,90)
```
#5afdf5
```
#5afdf5 rgb(90,253,245)
```
#f55afd
```
#f55afd rgb(245,90,253)
```
#fd5a62
```
#fd5a62 rgb(253,90,98)
```

Tetradic Color

#0efcf0
```
#0efcf0 rgb(14,252,240)
```
#28fcf2
```
#28fcf2 rgb(40,252,242)
```
#41fdf3
```
#41fdf3 rgb(65,253,243)
```
#5afdf5
```
#5afdf5 rgb(90,253,245)
```
#73fdf7
```
#73fdf7 rgb(115,253,247)
```
#8cfef8
```
#8cfef8 rgb(140,254,248)
```
#a6fefa
```
#a6fefa rgb(166,254,250)
```

Monochromatic Color

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

#5afdcc
```
#5afdcc rgb(90,253,204)
```
#5afdda
```
#5afdda rgb(90,253,218)
```
#5afde7
```
#5afde7 rgb(90,253,231)
```
#5afdf5
```
#5afdf5 rgb(90,253,245)
```
#5af7fd
```
#5af7fd rgb(90,247,253)
```
#5aeafd
```
#5aeafd rgb(90,234,253)
```
#5adcfd
```
#5adcfd rgb(90,220,253)
```

Similar Colors

Text with hexadecimal color #5afdf5

This text has a font color of #5afdf5.

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

#5afdf5 background color

This paragraph has a background color of #5afdf5.

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

#5afdf5 border color

This element has a border color of #5afdf5.

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

CSS codes

.text {color:#5afdf5;}

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

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

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

#000909
```
#000909 rgb(0,9,9)
```
#001d1b
```
#001d1b rgb(0,29,27)
```
#01302e
```
#01302e rgb(1,48,46)
```
#014440
```
#014440 rgb(1,68,64)
```
#015753
```
#015753 rgb(1,87,83)
```
#016a65
```
#016a65 rgb(1,106,101)
```
#027e78
```
#027e78 rgb(2,126,120)
```
#02918a
```
#02918a rgb(2,145,138)
```
#02a49c
```
#02a49c rgb(2,164,156)
```
#02b8af
```
#02b8af rgb(2,184,175)
```
#02cbc1
```
#02cbc1 rgb(2,203,193)
```
#03dfd4
```
#03dfd4 rgb(3,223,212)
```
#03f2e6
```
#03f2e6 rgb(3,242,230)
```

Shade Color Variation

#0cfcf0
```
#0cfcf0 rgb(12,252,240)
```
#20fcf1
```
#20fcf1 rgb(32,252,241)
```
#33fdf3
```
#33fdf3 rgb(51,253,243)
```
#47fdf4
```
#47fdf4 rgb(71,253,244)
```
#5afdf5
```
#5afdf5 rgb(90,253,245)
```
#6dfdf6
```
#6dfdf6 rgb(109,253,246)
```
#81fdf7
```
#81fdf7 rgb(129,253,247)
```
#94fef9
```
#94fef9 rgb(148,254,249)
```
#a8fefa
```
#a8fefa rgb(168,254,250)
```
#bbfefb
```
#bbfefb rgb(187,254,251)
```
#cefefc
```
#cefefc rgb(206,254,252)
```
#e2fffd
```
#e2fffd rgb(226,255,253)
```
#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 #5afdf5 is the most saturated one.

#a7b0af
```
#a7b0af rgb(167,176,175)
```
#a1b6b5
```
#a1b6b5 rgb(161,182,181)
```
#9abdbb
```
#9abdbb rgb(154,189,187)
```
#94c3c1
```
#94c3c1 rgb(148,195,193)
```
#8dcac7
```
#8dcac7 rgb(141,202,199)
```
#87d0cc
```
#87d0cc rgb(135,208,204)
```
#81d6d2
```
#81d6d2 rgb(129,214,210)
```
#7addd8
```
#7addd8 rgb(122,221,216)
```
#74e3de
```
#74e3de rgb(116,227,222)
```
#6deae4
```
#6deae4 rgb(109,234,228)
```
#67f0e9
```
#67f0e9 rgb(103,240,233)
```
#60f7ef
```
#60f7ef rgb(96,247,239)
```
#5afdf5
```
#5afdf5 rgb(90,253,245)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#b4d5d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae6e8 Protanopia 1% of men
#f0e1ff Deuteranopia 1% of men
#aaf2ff Tritanopia 0.001% of the population

Trichromacy

#b5eeed Protanomaly 1% of men, 0.01% of women
#b9ebfb Deuteranomaly 6% of men, 0.4% of women
#8df6fb Tritanomaly 0.01% of the population

#5afdf5 hex color

#5afdf5 Color Information

#5afdf5 Color Conversion

Color Schemes with #5afdf5

Alternatives to #5afdf5

#5afdf5 Preview

Shades and Tints of #5afdf5

Tones of #5afdf5

Color Blindness Simulator