#5af1fa hex color

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

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

● #5af1fa color description : Soft cyan.

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

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

CIE-LAB	87.96, -36.761, -16.159
XYZ	52.922, 71.982, 101.542
xyY	0.234, 0.318, 71.982
CIE-LCH	87.96, 40.156, 203.729
CIE-LUV	87.96, -57.809, -20.122
Hunter-Lab	84.842, -37.131, -11.571
Binary	01011010, 11110001, 11111010

#5af1fa
```
#5af1fa rgb(90,241,250)
```
#fa635a
```
#fa635a rgb(250,99,90)
```

Complementary Color

#5afab3
```
#5afab3 rgb(90,250,179)
```
#5af1fa
```
#5af1fa rgb(90,241,250)
```
#5aa1fa
```
#5aa1fa rgb(90,161,250)
```

Analogous Color

#fab35a
```
#fab35a rgb(250,179,90)
```
#5af1fa
```
#5af1fa rgb(90,241,250)
```
#fa5aa1
```
#fa5aa1 rgb(250,90,161)
```

Split Complementary Color

#f1fa5a
```
#f1fa5a rgb(241,250,90)
```
#5af1fa
```
#5af1fa rgb(90,241,250)
```
#fa5af1
```
#fa5af1 rgb(250,90,241)
```

Triadic Color

#5afa63
```
#5afa63 rgb(90,250,99)
```
#5af1fa
```
#5af1fa rgb(90,241,250)
```
#fa5af1
```
#fa5af1 rgb(250,90,241)
```
#fa635a
```
#fa635a rgb(250,99,90)
```

Tetradic Color

#10ebf8
```
#10ebf8 rgb(16,235,248)
```
#28edf9
```
#28edf9 rgb(40,237,249)
```
#41eff9
```
#41eff9 rgb(65,239,249)
```
#5af1fa
```
#5af1fa rgb(90,241,250)
```
#73f3fb
```
#73f3fb rgb(115,243,251)
```
#8cf5fc
```
#8cf5fc rgb(140,245,252)
```
#a4f7fc
```
#a4f7fc rgb(164,247,252)
```

Monochromatic Color

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

#5afadb
```
#5afadb rgb(90,250,219)
```
#5afae8
```
#5afae8 rgb(90,250,232)
```
#5afaf6
```
#5afaf6 rgb(90,250,246)
```
#5af1fa
```
#5af1fa rgb(90,241,250)
```
#5ae4fa
```
#5ae4fa rgb(90,228,250)
```
#5ad6fa
```
#5ad6fa rgb(90,214,250)
```
#5ac9fa
```
#5ac9fa rgb(90,201,250)
```

Similar Colors

Text with hexadecimal color #5af1fa

This text has a font color of #5af1fa.

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

#5af1fa background color

This paragraph has a background color of #5af1fa.

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

#5af1fa border color

This element has a border color of #5af1fa.

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

CSS codes

.text {color:#5af1fa;}

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

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

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)
```
#036066
```
#036066 rgb(3,96,102)
```
#047279
```
#047279 rgb(4,114,121)
```
#04848c
```
#04848c rgb(4,132,140)
```
#05969f
```
#05969f rgb(5,150,159)
```
#05a8b2
```
#05a8b2 rgb(5,168,178)
```
#06bac5
```
#06bac5 rgb(6,186,197)
```
#07ccd8
```
#07ccd8 rgb(7,204,216)
```
#07deeb
```
#07deeb rgb(7,222,235)
```

Shade Color Variation

#0eebf8
```
#0eebf8 rgb(14,235,248)
```
#21ecf8
```
#21ecf8 rgb(33,236,248)
```
#34eef9
```
#34eef9 rgb(52,238,249)
```
#47eff9
```
#47eff9 rgb(71,239,249)
```
#5af1fa
```
#5af1fa rgb(90,241,250)
```
#6df3fb
```
#6df3fb rgb(109,243,251)
```
#80f4fb
```
#80f4fb rgb(128,244,251)
```
#93f6fc
```
#93f6fc rgb(147,246,252)
```
#a6f7fc
```
#a6f7fc rgb(166,247,252)
```
#b9f9fd
```
#b9f9fd rgb(185,249,253)
```
#ccfbfd
```
#ccfbfd rgb(204,251,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 #5af1fa 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)
```
#8ec3c6
```
#8ec3c6 rgb(142,195,198)
```
#88c8cc
```
#88c8cc rgb(136,200,204)
```
#81ced3
```
#81ced3 rgb(129,206,211)
```
#7bd4d9
```
#7bd4d9 rgb(123,212,217)
```
#74dae0
```
#74dae0 rgb(116,218,224)
```
#6ee0e6
```
#6ee0e6 rgb(110,224,230)
```
#67e5ed
```
#67e5ed rgb(103,229,237)
```
#61ebf3
```
#61ebf3 rgb(97,235,243)
```
#5af1fa
```
#5af1fa rgb(90,241,250)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#b0ced0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddddee Protanopia 1% of men
#dfdaff Deuteranopia 1% of men
#7aeeff Tritanopia 0.001% of the population

Trichromacy

#ade4f2 Protanomaly 1% of men, 0.01% of women
#afe2fd Deuteranomaly 6% of men, 0.4% of women
#6eeffd Tritanomaly 0.01% of the population

#5af1fa hex color

#5af1fa Color Information

#5af1fa Color Conversion

Color Schemes with #5af1fa

Alternatives to #5af1fa

#5af1fa Preview

Shades and Tints of #5af1fa

Tones of #5af1fa

Color Blindness Simulator