#5ad4fa hex color

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

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

● #5ad4fa color description : Soft cyan.

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

Hex triplet	5ad4fa	`#5ad4fa`
RGB Decimal	90, 212, 250	`rgb(90,212,250)`
RGB Percent	35.3, 83.1, 98	`rgb(35.3%,83.1%,98%)`
CMYK	64, 15, 0, 2
HSL	194.3°, 94.1, 66.7	`hsl(194.3,94.1%,66.7%)`
HSV (or HSB)	194.3°, 64, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.704, -22.79, -28.686
XYZ	45.011, 56.159, 98.905
xyY	0.225, 0.281, 56.159
CIE-LCH	79.704, 36.637, 231.535
CIE-LUV	79.704, -47.447, -42.992
Hunter-Lab	74.939, -23.932, -25.793
Binary	01011010, 11010100, 11111010

#5ad4fa
```
#5ad4fa rgb(90,212,250)
```
#fa805a
```
#fa805a rgb(250,128,90)
```

Complementary Color

#5afad0
```
#5afad0 rgb(90,250,208)
```
#5ad4fa
```
#5ad4fa rgb(90,212,250)
```
#5a84fa
```
#5a84fa rgb(90,132,250)
```

Analogous Color

#fad05a
```
#fad05a rgb(250,208,90)
```
#5ad4fa
```
#5ad4fa rgb(90,212,250)
```
#fa5a84
```
#fa5a84 rgb(250,90,132)
```

Split Complementary Color

#d4fa5a
```
#d4fa5a rgb(212,250,90)
```
#5ad4fa
```
#5ad4fa rgb(90,212,250)
```
#fa5ad4
```
#fa5ad4 rgb(250,90,212)
```

Triadic Color

#5afa80
```
#5afa80 rgb(90,250,128)
```
#5ad4fa
```
#5ad4fa rgb(90,212,250)
```
#fa5ad4
```
#fa5ad4 rgb(250,90,212)
```
#fa805a
```
#fa805a rgb(250,128,90)
```

Tetradic Color

#10c1f8
```
#10c1f8 rgb(16,193,248)
```
#28c7f9
```
#28c7f9 rgb(40,199,249)
```
#41cef9
```
#41cef9 rgb(65,206,249)
```
#5ad4fa
```
#5ad4fa rgb(90,212,250)
```
#73dafb
```
#73dafb rgb(115,218,251)
```
#8ce1fc
```
#8ce1fc rgb(140,225,252)
```
#a4e7fc
```
#a4e7fc rgb(164,231,252)
```

Monochromatic Color

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

#5afaf8
```
#5afaf8 rgb(90,250,248)
```
#5aeffa
```
#5aeffa rgb(90,239,250)
```
#5ae1fa
```
#5ae1fa rgb(90,225,250)
```
#5ad4fa
```
#5ad4fa rgb(90,212,250)
```
#5ac7fa
```
#5ac7fa rgb(90,199,250)
```
#5ab9fa
```
#5ab9fa rgb(90,185,250)
```
#5aacfa
```
#5aacfa rgb(90,172,250)
```

Similar Colors

Text with hexadecimal color #5ad4fa

This text has a font color of #5ad4fa.

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

#5ad4fa background color

This paragraph has a background color of #5ad4fa.

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

#5ad4fa border color

This element has a border color of #5ad4fa.

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

CSS codes

.text {color:#5ad4fa;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#011419
```
#011419 rgb(1,20,25)
```
#01222c
```
#01222c rgb(1,34,44)
```
#02313f
```
#02313f rgb(2,49,63)
```
#024052
```
#024052 rgb(2,64,82)
```
#034e66
```
#034e66 rgb(3,78,102)
```
#045d79
```
#045d79 rgb(4,93,121)
```
#046b8c
```
#046b8c rgb(4,107,140)
```
#057a9f
```
#057a9f rgb(5,122,159)
```
#0589b2
```
#0589b2 rgb(5,137,178)
```
#0697c5
```
#0697c5 rgb(6,151,197)
```
#07a6d8
```
#07a6d8 rgb(7,166,216)
```
#07b5eb
```
#07b5eb rgb(7,181,235)
```

Shade Color Variation

#0ec0f8
```
#0ec0f8 rgb(14,192,248)
```
#21c5f8
```
#21c5f8 rgb(33,197,248)
```
#34caf9
```
#34caf9 rgb(52,202,249)
```
#47cff9
```
#47cff9 rgb(71,207,249)
```
#5ad4fa
```
#5ad4fa rgb(90,212,250)
```
#6dd9fb
```
#6dd9fb rgb(109,217,251)
```
#80defb
```
#80defb rgb(128,222,251)
```
#93e3fc
```
#93e3fc rgb(147,227,252)
```
#a6e8fc
```
#a6e8fc rgb(166,232,252)
```
#b9edfd
```
#b9edfd rgb(185,237,253)
```
#ccf2fd
```
#ccf2fd rgb(204,242,253)
```
#dff7fe
```
#dff7fe rgb(223,247,254)
```
#f2fcff
```
#f2fcff rgb(242,252,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 #5ad4fa is the most saturated one.

#a8abac
```
#a8abac rgb(168,171,172)
```
#a2aeb2
```
#a2aeb2 rgb(162,174,178)
```
#9bb2b9
```
#9bb2b9 rgb(155,178,185)
```
#95b5bf
```
#95b5bf rgb(149,181,191)
```
#8eb9c6
```
#8eb9c6 rgb(142,185,198)
```
#88bccc
```
#88bccc rgb(136,188,204)
```
#81bfd3
```
#81bfd3 rgb(129,191,211)
```
#7bc3d9
```
#7bc3d9 rgb(123,195,217)
```
#74c6e0
```
#74c6e0 rgb(116,198,224)
```
#6ecae6
```
#6ecae6 rgb(110,202,230)
```
#67cded
```
#67cded rgb(103,205,237)
```
#61d1f3
```
#61d1f3 rgb(97,209,243)
```
#5ad4fa
```
#5ad4fa rgb(90,212,250)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#a2bac2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec6f0 Protanopia 1% of men
#bbc5ff Deuteranopia 1% of men
#57d9e9 Tritanopia 0.001% of the population

Trichromacy

#99cbf3 Protanomaly 1% of men, 0.01% of women
#97cafd Deuteranomaly 6% of men, 0.4% of women
#58d7ef Tritanomaly 0.01% of the population

#5ad4fa hex color

#5ad4fa Color Information

#5ad4fa Color Conversion

Color Schemes with #5ad4fa

Alternatives to #5ad4fa

#5ad4fa Preview

Shades and Tints of #5ad4fa

Tones of #5ad4fa

Color Blindness Simulator