#5af9fa hex color

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

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

● #5af9fa color description : Soft cyan.

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

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

CIE-LAB	90.24, -40.411, -12.744
XYZ	55.342, 76.822, 102.349
xyY	0.236, 0.328, 76.822
CIE-LCH	90.24, 42.373, 197.504
CIE-LUV	90.24, -60.644, -13.94
Hunter-Lab	87.648, -40.678, -7.88
Binary	01011010, 11111001, 11111010

#5af9fa
```
#5af9fa rgb(90,249,250)
```
#fa5b5a
```
#fa5b5a rgb(250,91,90)
```

Complementary Color

#5afaab
```
#5afaab rgb(90,250,171)
```
#5af9fa
```
#5af9fa rgb(90,249,250)
```
#5aa9fa
```
#5aa9fa rgb(90,169,250)
```

Analogous Color

#faab5a
```
#faab5a rgb(250,171,90)
```
#5af9fa
```
#5af9fa rgb(90,249,250)
```
#fa5aa9
```
#fa5aa9 rgb(250,90,169)
```

Split Complementary Color

#f9fa5a
```
#f9fa5a rgb(249,250,90)
```
#5af9fa
```
#5af9fa rgb(90,249,250)
```
#fa5af9
```
#fa5af9 rgb(250,90,249)
```

Triadic Color

#5afa5b
```
#5afa5b rgb(90,250,91)
```
#5af9fa
```
#5af9fa rgb(90,249,250)
```
#fa5af9
```
#fa5af9 rgb(250,90,249)
```
#fa5b5a
```
#fa5b5a rgb(250,91,90)
```

Tetradic Color

#10f6f8
```
#10f6f8 rgb(16,246,248)
```
#28f7f9
```
#28f7f9 rgb(40,247,249)
```
#41f8f9
```
#41f8f9 rgb(65,248,249)
```
#5af9fa
```
#5af9fa rgb(90,249,250)
```
#73fafb
```
#73fafb rgb(115,250,251)
```
#8cfbfc
```
#8cfbfc rgb(140,251,252)
```
#a4fcfc
```
#a4fcfc rgb(164,252,252)
```

Monochromatic Color

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

#5afad3
```
#5afad3 rgb(90,250,211)
```
#5afae0
```
#5afae0 rgb(90,250,224)
```
#5afaee
```
#5afaee rgb(90,250,238)
```
#5af9fa
```
#5af9fa rgb(90,249,250)
```
#5aecfa
```
#5aecfa rgb(90,236,250)
```
#5adefa
```
#5adefa rgb(90,222,250)
```
#5ad1fa
```
#5ad1fa rgb(90,209,250)
```

Similar Colors

Text with hexadecimal color #5af9fa

This text has a font color of #5af9fa.

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

#5af9fa background color

This paragraph has a background color of #5af9fa.

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

#5af9fa border color

This element has a border color of #5af9fa.

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

CSS codes

.text {color:#5af9fa;}

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

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

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 #f2ffff is the lightest one.

#000606
```
#000606 rgb(0,6,6)
```
#011919
```
#011919 rgb(1,25,25)
```
#012c2c
```
#012c2c rgb(1,44,44)
```
#023f3f
```
#023f3f rgb(2,63,63)
```
#025252
```
#025252 rgb(2,82,82)
```
#036566
```
#036566 rgb(3,101,102)
```
#047879
```
#047879 rgb(4,120,121)
```
#048b8c
```
#048b8c rgb(4,139,140)
```
#059e9f
```
#059e9f rgb(5,158,159)
```
#05b1b2
```
#05b1b2 rgb(5,177,178)
```
#06c4c5
```
#06c4c5 rgb(6,196,197)
```
#07d6d8
```
#07d6d8 rgb(7,214,216)
```
#07e9eb
```
#07e9eb rgb(7,233,235)
```

Shade Color Variation

#0ef6f8
```
#0ef6f8 rgb(14,246,248)
```
#21f7f8
```
#21f7f8 rgb(33,247,248)
```
#34f8f9
```
#34f8f9 rgb(52,248,249)
```
#47f8f9
```
#47f8f9 rgb(71,248,249)
```
#5af9fa
```
#5af9fa rgb(90,249,250)
```
#6dfafb
```
#6dfafb rgb(109,250,251)
```
#80fafb
```
#80fafb rgb(128,250,251)
```
#93fbfc
```
#93fbfc rgb(147,251,252)
```
#a6fcfc
```
#a6fcfc rgb(166,252,252)
```
#b9fcfd
```
#b9fcfd rgb(185,252,253)
```
#ccfdfd
```
#ccfdfd rgb(204,253,253)
```
#dffefe
```
#dffefe rgb(223,254,254)
```
#f2ffff
```
#f2ffff rgb(242,255,255)
```

Tint Color Variation

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

#a8acac
```
#a8acac rgb(168,172,172)
```
#a2b2b2
```
#a2b2b2 rgb(162,178,178)
```
#9bb8b9
```
#9bb8b9 rgb(155,184,185)
```
#95bfbf
```
#95bfbf rgb(149,191,191)
```
#8ec5c6
```
#8ec5c6 rgb(142,197,198)
```
#88cccc
```
#88cccc rgb(136,204,204)
```
#81d2d3
```
#81d2d3 rgb(129,210,211)
```
#7bd9d9
```
#7bd9d9 rgb(123,217,217)
```
#74dfe0
```
#74dfe0 rgb(116,223,224)
```
#6ee6e6
```
#6ee6e6 rgb(110,230,230)
```
#67eced
```
#67eced rgb(103,236,237)
```
#61f3f3
```
#61f3f3 rgb(97,243,243)
```
#5af9fa
```
#5af9fa rgb(90,249,250)
```

Tone Color Variation

Below, you can see how #5af9fa 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
#b4d3d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e3ed Protanopia 1% of men
#e9e0ff Deuteranopia 1% of men
#9df1ff Tritanopia 0.001% of the population

Trichromacy

#b2ebf2 Protanomaly 1% of men, 0.01% of women
#b5e9fd Deuteranomaly 6% of men, 0.4% of women
#85f4fd Tritanomaly 0.01% of the population

#5af9fa hex color

#5af9fa Color Information

#5af9fa Color Conversion

Color Schemes with #5af9fa

Alternatives to #5af9fa

#5af9fa Preview

Shades and Tints of #5af9fa

Tones of #5af9fa

Color Blindness Simulator