#5ad4fb hex color

In a RGB color space, hex #5ad4fb is composed of 35.3% red, 83.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 15.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 194.5 degrees, a saturation of 95.3% and a lightness of 66.9%. #5ad4fb color hex could be obtained by blending #b4ffff with #00a9f7. Closest websafe color is: #66ccff.

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

● #5ad4fb color description : Soft cyan.

The hexadecimal color #5ad4fb has RGB values of R:90, G:212, B:251 and CMYK values of C:0.64, M:0.16, Y:0, K:0.02. Its decimal value is 5952763.

Hex triplet	5ad4fb	`#5ad4fb`
RGB Decimal	90, 212, 251	`rgb(90,212,251)`
RGB Percent	35.3, 83.1, 98.4	`rgb(35.3%,83.1%,98.4%)`
CMYK	64, 16, 0, 2
HSL	194.5°, 95.3, 66.9	`hsl(194.5,95.3%,66.9%)`
HSV (or HSB)	194.5°, 64.1, 98.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.74, -22.491, -29.164
XYZ	45.168, 56.222, 99.733
xyY	0.225, 0.28, 56.222
CIE-LCH	79.74, 36.829, 232.361
CIE-LUV	79.74, -47.395, -43.852
Hunter-Lab	74.981, -23.691, -26.375
Binary	01011010, 11010100, 11111011

#5ad4fb
```
#5ad4fb rgb(90,212,251)
```
#fb815a
```
#fb815a rgb(251,129,90)
```

Complementary Color

#5afbd2
```
#5afbd2 rgb(90,251,210)
```
#5ad4fb
```
#5ad4fb rgb(90,212,251)
```
#5a84fb
```
#5a84fb rgb(90,132,251)
```

Analogous Color

#fbd25a
```
#fbd25a rgb(251,210,90)
```
#5ad4fb
```
#5ad4fb rgb(90,212,251)
```
#fb5a84
```
#fb5a84 rgb(251,90,132)
```

Split Complementary Color

#d4fb5a
```
#d4fb5a rgb(212,251,90)
```
#5ad4fb
```
#5ad4fb rgb(90,212,251)
```
#fb5ad4
```
#fb5ad4 rgb(251,90,212)
```

Triadic Color

#5afb81
```
#5afb81 rgb(90,251,129)
```
#5ad4fb
```
#5ad4fb rgb(90,212,251)
```
#fb5ad4
```
#fb5ad4 rgb(251,90,212)
```
#fb815a
```
#fb815a rgb(251,129,90)
```

Tetradic Color

#0fc1f9
```
#0fc1f9 rgb(15,193,249)
```
#28c7fa
```
#28c7fa rgb(40,199,250)
```
#41cefa
```
#41cefa rgb(65,206,250)
```
#5ad4fb
```
#5ad4fb rgb(90,212,251)
```
#73dafc
```
#73dafc rgb(115,218,252)
```
#8ce1fc
```
#8ce1fc rgb(140,225,252)
```
#a5e7fd
```
#a5e7fd rgb(165,231,253)
```

Monochromatic Color

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

#5afbfa
```
#5afbfa rgb(90,251,250)
```
#5aeffb
```
#5aeffb rgb(90,239,251)
```
#5ae1fb
```
#5ae1fb rgb(90,225,251)
```
#5ad4fb
```
#5ad4fb rgb(90,212,251)
```
#5ac7fb
```
#5ac7fb rgb(90,199,251)
```
#5ab9fb
```
#5ab9fb rgb(90,185,251)
```
#5aacfb
```
#5aacfb rgb(90,172,251)
```

Similar Colors

Text with hexadecimal color #5ad4fb

This text has a font color of #5ad4fb.

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

#5ad4fb background color

This paragraph has a background color of #5ad4fb.

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

#5ad4fb border color

This element has a border color of #5ad4fb.

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

CSS codes

.text {color:#5ad4fb;}

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

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

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

#000607
```
#000607 rgb(0,6,7)
```
#01141b
```
#01141b rgb(1,20,27)
```
#01232e
```
#01232e rgb(1,35,46)
```
#023141
```
#023141 rgb(2,49,65)
```
#024054
```
#024054 rgb(2,64,84)
```
#024f67
```
#024f67 rgb(2,79,103)
```
#035d7a
```
#035d7a rgb(3,93,122)
```
#036c8d
```
#036c8d rgb(3,108,141)
```
#047ba1
```
#047ba1 rgb(4,123,161)
```
#0489b4
```
#0489b4 rgb(4,137,180)
```
#0598c7
```
#0598c7 rgb(5,152,199)
```
#05a6da
```
#05a6da rgb(5,166,218)
```
#06b5ed
```
#06b5ed rgb(6,181,237)
```

Shade Color Variation

#0dc0f9
```
#0dc0f9 rgb(13,192,249)
```
#21c5fa
```
#21c5fa rgb(33,197,250)
```
#34cafa
```
#34cafa rgb(52,202,250)
```
#47cffb
```
#47cffb rgb(71,207,251)
```
#5ad4fb
```
#5ad4fb rgb(90,212,251)
```
#6dd9fb
```
#6dd9fb rgb(109,217,251)
```
#80defc
```
#80defc rgb(128,222,252)
```
#93e3fc
```
#93e3fc rgb(147,227,252)
```
#a7e8fd
```
#a7e8fd rgb(167,232,253)
```
#baedfd
```
#baedfd rgb(186,237,253)
```
#cdf2fe
```
#cdf2fe rgb(205,242,254)
```
#e0f7fe
```
#e0f7fe rgb(224,247,254)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#a8acad
```
#a8acad rgb(168,172,173)
```
#a2afb4
```
#a2afb4 rgb(162,175,180)
```
#9bb2ba
```
#9bb2ba rgb(155,178,186)
```
#95b6c1
```
#95b6c1 rgb(149,182,193)
```
#8eb9c7
```
#8eb9c7 rgb(142,185,199)
```
#88bdce
```
#88bdce rgb(136,189,206)
```
#81c0d4
```
#81c0d4 rgb(129,192,212)
```
#7bc3db
```
#7bc3db rgb(123,195,219)
```
#74c7e1
```
#74c7e1 rgb(116,199,225)
```
#6ecae8
```
#6ecae8 rgb(110,202,232)
```
#67cdee
```
#67cdee rgb(103,205,238)
```
#60d1f5
```
#60d1f5 rgb(96,209,245)
```
#5ad4fb
```
#5ad4fb rgb(90,212,251)
```

Tone Color Variation

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

#bec6f1 Protanopia 1% of men
#bbc5ff Deuteranopia 1% of men
#56d9e9 Tritanopia 0.001% of the population

Trichromacy

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

#5ad4fb hex color

#5ad4fb Color Information

#5ad4fb Color Conversion

Color Schemes with #5ad4fb

Alternatives to #5ad4fb

#5ad4fb Preview

Shades and Tints of #5ad4fb

Tones of #5ad4fb

Color Blindness Simulator