#5af0fa hex color

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

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

● #5af0fa color description : Soft cyan.

The hexadecimal color #5af0fa has RGB values of R:90, G:240, B:250 and CMYK values of C:0.64, M:0.04, Y:0, K:0.02. Its decimal value is 5959930.

Hex triplet	5af0fa	`#5af0fa`
RGB Decimal	90, 240, 250	`rgb(90,240,250)`
RGB Percent	35.3, 94.1, 98	`rgb(35.3%,94.1%,98%)`
CMYK	64, 4, 0, 2
HSL	183.8°, 94.1, 66.7	`hsl(183.8,94.1%,66.7%)`
HSV (or HSB)	183.8°, 64, 98
Web Safe	66ffff	`#66ffff`

CIE-LAB	87.675, -36.299, -16.587
XYZ	52.627, 71.391, 101.444
xyY	0.233, 0.317, 71.391
CIE-LCH	87.675, 39.909, 204.559
CIE-LUV	87.675, -57.454, -20.899
Hunter-Lab	84.493, -36.685, -12.039
Binary	01011010, 11110000, 11111010

#5af0fa
```
#5af0fa rgb(90,240,250)
```
#fa645a
```
#fa645a rgb(250,100,90)
```

Complementary Color

#5afab4
```
#5afab4 rgb(90,250,180)
```
#5af0fa
```
#5af0fa rgb(90,240,250)
```
#5aa0fa
```
#5aa0fa rgb(90,160,250)
```

Analogous Color

#fab45a
```
#fab45a rgb(250,180,90)
```
#5af0fa
```
#5af0fa rgb(90,240,250)
```
#fa5aa0
```
#fa5aa0 rgb(250,90,160)
```

Split Complementary Color

#f0fa5a
```
#f0fa5a rgb(240,250,90)
```
#5af0fa
```
#5af0fa rgb(90,240,250)
```
#fa5af0
```
#fa5af0 rgb(250,90,240)
```

Triadic Color

#5afa64
```
#5afa64 rgb(90,250,100)
```
#5af0fa
```
#5af0fa rgb(90,240,250)
```
#fa5af0
```
#fa5af0 rgb(250,90,240)
```
#fa645a
```
#fa645a rgb(250,100,90)
```

Tetradic Color

#10e9f8
```
#10e9f8 rgb(16,233,248)
```
#28ecf9
```
#28ecf9 rgb(40,236,249)
```
#41eef9
```
#41eef9 rgb(65,238,249)
```
#5af0fa
```
#5af0fa rgb(90,240,250)
```
#73f2fb
```
#73f2fb rgb(115,242,251)
```
#8cf5fc
```
#8cf5fc rgb(140,245,252)
```
#a4f7fc
```
#a4f7fc rgb(164,247,252)
```

Monochromatic Color

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

#5afadc
```
#5afadc rgb(90,250,220)
```
#5afae9
```
#5afae9 rgb(90,250,233)
```
#5afaf7
```
#5afaf7 rgb(90,250,247)
```
#5af0fa
```
#5af0fa rgb(90,240,250)
```
#5ae3fa
```
#5ae3fa rgb(90,227,250)
```
#5ad5fa
```
#5ad5fa rgb(90,213,250)
```
#5ac8fa
```
#5ac8fa rgb(90,200,250)
```

Similar Colors

Text with hexadecimal color #5af0fa

This text has a font color of #5af0fa.

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

#5af0fa background color

This paragraph has a background color of #5af0fa.

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

#5af0fa border color

This element has a border color of #5af0fa.

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

CSS codes

.text {color:#5af0fa;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#011819
```
#011819 rgb(1,24,25)
```
#012a2c
```
#012a2c rgb(1,42,44)
```
#023c3f
```
#023c3f rgb(2,60,63)
```
#024e52
```
#024e52 rgb(2,78,82)
```
#035f66
```
#035f66 rgb(3,95,102)
```
#047179
```
#047179 rgb(4,113,121)
```
#04838c
```
#04838c rgb(4,131,140)
```
#05959f
```
#05959f rgb(5,149,159)
```
#05a7b2
```
#05a7b2 rgb(5,167,178)
```
#06b9c5
```
#06b9c5 rgb(6,185,197)
```
#07cbd8
```
#07cbd8 rgb(7,203,216)
```
#07ddeb
```
#07ddeb rgb(7,221,235)
```

Shade Color Variation

#0ee9f8
```
#0ee9f8 rgb(14,233,248)
```
#21ebf8
```
#21ebf8 rgb(33,235,248)
```
#34edf9
```
#34edf9 rgb(52,237,249)
```
#47eef9
```
#47eef9 rgb(71,238,249)
```
#5af0fa
```
#5af0fa rgb(90,240,250)
```
#6df2fb
```
#6df2fb rgb(109,242,251)
```
#80f3fb
```
#80f3fb rgb(128,243,251)
```
#93f5fc
```
#93f5fc rgb(147,245,252)
```
#a6f7fc
```
#a6f7fc rgb(166,247,252)
```
#b9f9fd
```
#b9f9fd rgb(185,249,253)
```
#ccfafd
```
#ccfafd rgb(204,250,253)
```
#dffcfe
```
#dffcfe rgb(223,252,254)
```
#f2feff
```
#f2feff rgb(242,254,255)
```

Tint Color Variation

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

#a8abac
```
#a8abac rgb(168,171,172)
```
#a2b1b2
```
#a2b1b2 rgb(162,177,178)
```
#9bb7b9
```
#9bb7b9 rgb(155,183,185)
```
#95bdbf
```
#95bdbf rgb(149,189,191)
```
#8ec2c6
```
#8ec2c6 rgb(142,194,198)
```
#88c8cc
```
#88c8cc rgb(136,200,204)
```
#81ced3
```
#81ced3 rgb(129,206,211)
```
#7bd3d9
```
#7bd3d9 rgb(123,211,217)
```
#74d9e0
```
#74d9e0 rgb(116,217,224)
```
#6edfe6
```
#6edfe6 rgb(110,223,230)
```
#67e5ed
```
#67e5ed rgb(103,229,237)
```
#61eaf3
```
#61eaf3 rgb(97,234,243)
```
#5af0fa
```
#5af0fa rgb(90,240,250)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#afcdcf Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcdcee Protanopia 1% of men
#ded9ff Deuteranopia 1% of men
#74eeff Tritanopia 0.001% of the population

Trichromacy

#ace3f2 Protanomaly 1% of men, 0.01% of women
#aee1fd Deuteranomaly 6% of men, 0.4% of women
#6beffd Tritanomaly 0.01% of the population

#5af0fa hex color

#5af0fa Color Information

#5af0fa Color Conversion

Color Schemes with #5af0fa

Alternatives to #5af0fa

#5af0fa Preview

Shades and Tints of #5af0fa

Tones of #5af0fa

Color Blindness Simulator