#5ad3fc hex color

In a RGB color space, hex #5ad3fc is composed of 35.3% red, 82.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 16.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 195.2 degrees, a saturation of 96.4% and a lightness of 67.1%. #5ad3fc color hex could be obtained by blending #b4ffff with #00a7f9. Closest websafe color is: #66ccff.

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

● #5ad3fc color description : Soft blue.

The hexadecimal color #5ad3fc has RGB values of R:90, G:211, B:252 and CMYK values of C:0.64, M:0.16, Y:0, K:0.01. Its decimal value is 5952508.

Hex triplet	5ad3fc	`#5ad3fc`
RGB Decimal	90, 211, 252	`rgb(90,211,252)`
RGB Percent	35.3, 82.7, 98.8	`rgb(35.3%,82.7%,98.8%)`
CMYK	64, 16, 0, 1
HSL	195.2°, 96.4, 67.1	`hsl(195.2,96.4%,67.1%)`
HSV (or HSB)	195.2°, 64.3, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.492, -21.686, -30.076
XYZ	45.077, 55.787, 100.482
xyY	0.224, 0.277, 55.787
CIE-LCH	79.492, 37.079, 234.207
CIE-LUV	79.492, -46.986, -45.511
Hunter-Lab	74.691, -22.982, -27.48
Binary	01011010, 11010011, 11111100

#5ad3fc
```
#5ad3fc rgb(90,211,252)
```
#fc835a
```
#fc835a rgb(252,131,90)
```

Complementary Color

#5afcd4
```
#5afcd4 rgb(90,252,212)
```
#5ad3fc
```
#5ad3fc rgb(90,211,252)
```
#5a82fc
```
#5a82fc rgb(90,130,252)
```

Analogous Color

#fcd45a
```
#fcd45a rgb(252,212,90)
```
#5ad3fc
```
#5ad3fc rgb(90,211,252)
```
#fc5a82
```
#fc5a82 rgb(252,90,130)
```

Split Complementary Color

#d3fc5a
```
#d3fc5a rgb(211,252,90)
```
#5ad3fc
```
#5ad3fc rgb(90,211,252)
```
#fc5ad3
```
#fc5ad3 rgb(252,90,211)
```

Triadic Color

#5afc83
```
#5afc83 rgb(90,252,131)
```
#5ad3fc
```
#5ad3fc rgb(90,211,252)
```
#fc5ad3
```
#fc5ad3 rgb(252,90,211)
```
#fc835a
```
#fc835a rgb(252,131,90)
```

Tetradic Color

#0fbffb
```
#0fbffb rgb(15,191,251)
```
#28c6fb
```
#28c6fb rgb(40,198,251)
```
#41ccfc
```
#41ccfc rgb(65,204,252)
```
#5ad3fc
```
#5ad3fc rgb(90,211,252)
```
#73dafc
```
#73dafc rgb(115,218,252)
```
#8ce0fd
```
#8ce0fd rgb(140,224,253)
```
#a5e7fd
```
#a5e7fd rgb(165,231,253)
```

Monochromatic Color

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

#5afcfc
```
#5afcfc rgb(90,252,252)
```
#5aeefc
```
#5aeefc rgb(90,238,252)
```
#5ae1fc
```
#5ae1fc rgb(90,225,252)
```
#5ad3fc
```
#5ad3fc rgb(90,211,252)
```
#5ac6fc
```
#5ac6fc rgb(90,198,252)
```
#5ab8fc
```
#5ab8fc rgb(90,184,252)
```
#5aabfc
```
#5aabfc rgb(90,171,252)
```

Similar Colors

Text with hexadecimal color #5ad3fc

This text has a font color of #5ad3fc.

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

#5ad3fc background color

This paragraph has a background color of #5ad3fc.

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

#5ad3fc border color

This element has a border color of #5ad3fc.

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

CSS codes

.text {color:#5ad3fc;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#01151c
```
#01151c rgb(1,21,28)
```
#01232f
```
#01232f rgb(1,35,47)
```
#013242
```
#013242 rgb(1,50,66)
```
#024055
```
#024055 rgb(2,64,85)
```
#024f69
```
#024f69 rgb(2,79,105)
```
#025d7c
```
#025d7c rgb(2,93,124)
```
#036c8f
```
#036c8f rgb(3,108,143)
```
#037aa3
```
#037aa3 rgb(3,122,163)
```
#0389b6
```
#0389b6 rgb(3,137,182)
```
#0497c9
```
#0497c9 rgb(4,151,201)
```
#04a6dc
```
#04a6dc rgb(4,166,220)
```
#04b4f0
```
#04b4f0 rgb(4,180,240)
```

Shade Color Variation

#0dbefb
```
#0dbefb rgb(13,190,251)
```
#20c4fb
```
#20c4fb rgb(32,196,251)
```
#33c9fb
```
#33c9fb rgb(51,201,251)
```
#47cefc
```
#47cefc rgb(71,206,252)
```
#5ad3fc
```
#5ad3fc rgb(90,211,252)
```
#6dd8fc
```
#6dd8fc rgb(109,216,252)
```
#81ddfd
```
#81ddfd rgb(129,221,253)
```
#94e2fd
```
#94e2fd rgb(148,226,253)
```
#a7e8fd
```
#a7e8fd rgb(167,232,253)
```
#baedfe
```
#baedfe rgb(186,237,254)
```
#cef2fe
```
#cef2fe rgb(206,242,254)
```
#e1f7fe
```
#e1f7fe rgb(225,247,254)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#a8adae
```
#a8adae rgb(168,173,174)
```
#a1b0b5
```
#a1b0b5 rgb(161,176,181)
```
#9bb3bb
```
#9bb3bb rgb(155,179,187)
```
#94b6c2
```
#94b6c2 rgb(148,182,194)
```
#8eb9c8
```
#8eb9c8 rgb(142,185,200)
```
#87bdcf
```
#87bdcf rgb(135,189,207)
```
#81c0d5
```
#81c0d5 rgb(129,192,213)
```
#7ac3dc
```
#7ac3dc rgb(122,195,220)
```
#74c6e2
```
#74c6e2 rgb(116,198,226)
```
#6dc9e9
```
#6dc9e9 rgb(109,201,233)
```
#67cdef
```
#67cdef rgb(103,205,239)
```
#60d0f6
```
#60d0f6 rgb(96,208,246)
```
#5ad3fc
```
#5ad3fc rgb(90,211,252)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a1b9c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc6f2 Protanopia 1% of men
#b9c5ff Deuteranopia 1% of men
#55d8e8 Tritanopia 0.001% of the population

Trichromacy

#98caf5 Protanomaly 1% of men, 0.01% of women
#96cafd Deuteranomaly 6% of men, 0.4% of women
#57d6ef Tritanomaly 0.01% of the population

#5ad3fc hex color

#5ad3fc Color Information

#5ad3fc Color Conversion

Color Schemes with #5ad3fc

Alternatives to #5ad3fc

#5ad3fc Preview

Shades and Tints of #5ad3fc

Tones of #5ad3fc

Color Blindness Simulator