#5afad5 hex color

In a RGB color space, hex #5afad5 is composed of 35.3% red, 98% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 0% magenta, 14.8% yellow and 2% black. It has a hue angle of 166.1 degrees, a saturation of 94.1% and a lightness of 66.7%. #5afad5 color hex could be obtained by blending #b4ffff with #00f5ab. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 35
- G 98
- B 84
RGB color chart
- C 64
- M 0
- Y 15
- K 2
CMYK color chart

● #5afad5 color description : Soft cyan.

The hexadecimal color #5afad5 has RGB values of R:90, G:250, B:213 and CMYK values of C:0.64, M:0, Y:0.15, K:0.02. Its decimal value is 5962453.

Hex triplet	5afad5	`#5afad5`
RGB Decimal	90, 250, 213	`rgb(90,250,213)`
RGB Percent	35.3, 98, 83.5	`rgb(35.3%,98%,83.5%)`
CMYK	64, 0, 15, 2
HSL	166.1°, 94.1, 66.7	`hsl(166.1,94.1%,66.7%)`
HSV (or HSB)	166.1°, 64, 98
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	89.554, -50.252, 5.491
XYZ	50.408, 75.345, 74.834
xyY	0.251, 0.376, 75.345
CIE-LCH	89.554, 50.551, 173.764
CIE-LUV	89.554, -63.259, 16.615
Hunter-Lab	86.801, -48.242, 9.645
Binary	01011010, 11111010, 11010101

#5afad5
```
#5afad5 rgb(90,250,213)
```
#fa5a7f
```
#fa5a7f rgb(250,90,127)
```

Complementary Color

#5afa85
```
#5afa85 rgb(90,250,133)
```
#5afad5
```
#5afad5 rgb(90,250,213)
```
#5acffa
```
#5acffa rgb(90,207,250)
```

Analogous Color

#fa855a
```
#fa855a rgb(250,133,90)
```
#5afad5
```
#5afad5 rgb(90,250,213)
```
#fa5acf
```
#fa5acf rgb(250,90,207)
```

Split Complementary Color

#fad55a
```
#fad55a rgb(250,213,90)
```
#5afad5
```
#5afad5 rgb(90,250,213)
```
#d55afa
```
#d55afa rgb(213,90,250)
```

Triadic Color

#7ffa5a
```
#7ffa5a rgb(127,250,90)
```
#5afad5
```
#5afad5 rgb(90,250,213)
```
#d55afa
```
#d55afa rgb(213,90,250)
```
#fa5a7f
```
#fa5a7f rgb(250,90,127)
```

Tetradic Color

#10f8c2
```
#10f8c2 rgb(16,248,194)
```
#28f9c8
```
#28f9c8 rgb(40,249,200)
```
#41f9cf
```
#41f9cf rgb(65,249,207)
```
#5afad5
```
#5afad5 rgb(90,250,213)
```
#73fbdb
```
#73fbdb rgb(115,251,219)
```
#8cfce2
```
#8cfce2 rgb(140,252,226)
```
#a4fce8
```
#a4fce8 rgb(164,252,232)
```

Monochromatic Color

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

#5afaad
```
#5afaad rgb(90,250,173)
```
#5afaba
```
#5afaba rgb(90,250,186)
```
#5afac8
```
#5afac8 rgb(90,250,200)
```
#5afad5
```
#5afad5 rgb(90,250,213)
```
#5afae2
```
#5afae2 rgb(90,250,226)
```
#5afaf0
```
#5afaf0 rgb(90,250,240)
```
#5af7fa
```
#5af7fa rgb(90,247,250)
```

Similar Colors

Text with hexadecimal color #5afad5

This text has a font color of #5afad5.

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

#5afad5 background color

This paragraph has a background color of #5afad5.

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

#5afad5 border color

This element has a border color of #5afad5.

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

CSS codes

.text {color:#5afad5;}

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

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

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

#000605
```
#000605 rgb(0,6,5)
```
#011914
```
#011914 rgb(1,25,20)
```
#012c22
```
#012c22 rgb(1,44,34)
```
#023f31
```
#023f31 rgb(2,63,49)
```
#025240
```
#025240 rgb(2,82,64)
```
#03664f
```
#03664f rgb(3,102,79)
```
#04795e
```
#04795e rgb(4,121,94)
```
#048c6c
```
#048c6c rgb(4,140,108)
```
#059f7b
```
#059f7b rgb(5,159,123)
```
#05b28a
```
#05b28a rgb(5,178,138)
```
#06c599
```
#06c599 rgb(6,197,153)
```
#07d8a7
```
#07d8a7 rgb(7,216,167)
```
#07ebb6
```
#07ebb6 rgb(7,235,182)
```

Shade Color Variation

#0ef8c2
```
#0ef8c2 rgb(14,248,194)
```
#21f8c6
```
#21f8c6 rgb(33,248,198)
```
#34f9cb
```
#34f9cb rgb(52,249,203)
```
#47f9d0
```
#47f9d0 rgb(71,249,208)
```
#5afad5
```
#5afad5 rgb(90,250,213)
```
#6dfbda
```
#6dfbda rgb(109,251,218)
```
#80fbdf
```
#80fbdf rgb(128,251,223)
```
#93fce4
```
#93fce4 rgb(147,252,228)
```
#a6fce8
```
#a6fce8 rgb(166,252,232)
```
#b9fded
```
#b9fded rgb(185,253,237)
```
#ccfdf2
```
#ccfdf2 rgb(204,253,242)
```
#dffef7
```
#dffef7 rgb(223,254,247)
```
#f2fffc
```
#f2fffc rgb(242,255,252)
```

Tint Color Variation

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

#a8acab
```
#a8acab rgb(168,172,171)
```
#a2b2ae
```
#a2b2ae rgb(162,178,174)
```
#9bb9b2
```
#9bb9b2 rgb(155,185,178)
```
#95bfb5
```
#95bfb5 rgb(149,191,181)
```
#8ec6b9
```
#8ec6b9 rgb(142,198,185)
```
#88ccbc
```
#88ccbc rgb(136,204,188)
```
#81d3c0
```
#81d3c0 rgb(129,211,192)
```
#7bd9c3
```
#7bd9c3 rgb(123,217,195)
```
#74e0c7
```
#74e0c7 rgb(116,224,199)
```
#6ee6ca
```
#6ee6ca rgb(110,230,202)
```
#67edce
```
#67edce rgb(103,237,206)
```
#61f3d1
```
#61f3d1 rgb(97,243,209)
```
#5afad5
```
#5afad5 rgb(90,250,213)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#b0d0c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ece1cb Protanopia 1% of men
#f7dbe1 Deuteranopia 1% of men
#97f0ff Tritanopia 0.001% of the population

Trichromacy

#b6eace Protanomaly 1% of men, 0.01% of women
#bee6dd Deuteranomaly 6% of men, 0.4% of women
#81f3ef Tritanomaly 0.01% of the population

#5afad5 hex color

#5afad5 Color Information

#5afad5 Color Conversion

Color Schemes with #5afad5

Alternatives to #5afad5

#5afad5 Preview

Shades and Tints of #5afad5

Tones of #5afad5

Color Blindness Simulator