#5dcafd hex color

In a RGB color space, hex #5dcafd is composed of 36.5% red, 79.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 20.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 199.1 degrees, a saturation of 97.6% and a lightness of 67.8%. #5dcafd color hex could be obtained by blending #baffff with #0095fb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 79
- B 99
RGB color chart
- C 63
- M 20
- Y 0
- K 1
CMYK color chart

● #5dcafd color description : Soft blue.

The hexadecimal color #5dcafd has RGB values of R:93, G:202, B:253 and CMYK values of C:0.63, M:0.2, Y:0, K:0.01. Its decimal value is 6146813.

Hex triplet	5dcafd	`#5dcafd`
RGB Decimal	93, 202, 253	`rgb(93,202,253)`
RGB Percent	36.5, 79.2, 99.2	`rgb(36.5%,79.2%,99.2%)`
CMYK	63, 20, 0, 1
HSL	199.1°, 97.6, 67.8	`hsl(199.1,97.6%,67.8%)`
HSV (or HSB)	199.1°, 63.2, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.075, -16.281, -34.325
XYZ	43.36, 51.657, 100.609
xyY	0.222, 0.264, 51.657
CIE-LCH	77.075, 37.991, 244.624
CIE-LUV	77.075, -43.073, -53.357
Hunter-Lab	71.873, -18.09, -32.684
Binary	01011101, 11001010, 11111101

#5dcafd
```
#5dcafd rgb(93,202,253)
```
#fd905d
```
#fd905d rgb(253,144,93)
```

Complementary Color

#5dfde0
```
#5dfde0 rgb(93,253,224)
```
#5dcafd
```
#5dcafd rgb(93,202,253)
```
#5d7afd
```
#5d7afd rgb(93,122,253)
```

Analogous Color

#fde05d
```
#fde05d rgb(253,224,93)
```
#5dcafd
```
#5dcafd rgb(93,202,253)
```
#fd5d7a
```
#fd5d7a rgb(253,93,122)
```

Split Complementary Color

#cafd5d
```
#cafd5d rgb(202,253,93)
```
#5dcafd
```
#5dcafd rgb(93,202,253)
```
#fd5dca
```
#fd5dca rgb(253,93,202)
```

Triadic Color

#5dfd90
```
#5dfd90 rgb(93,253,144)
```
#5dcafd
```
#5dcafd rgb(93,202,253)
```
#fd5dca
```
#fd5dca rgb(253,93,202)
```
#fd905d
```
#fd905d rgb(253,144,93)
```

Tetradic Color

#11b1fc
```
#11b1fc rgb(17,177,252)
```
#2bbafc
```
#2bbafc rgb(43,186,252)
```
#44c2fd
```
#44c2fd rgb(68,194,253)
```
#5dcafd
```
#5dcafd rgb(93,202,253)
```
#76d2fd
```
#76d2fd rgb(118,210,253)
```
#8fdafe
```
#8fdafe rgb(143,218,254)
```
#a9e3fe
```
#a9e3fe rgb(169,227,254)
```

Monochromatic Color

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

#5df2fd
```
#5df2fd rgb(93,242,253)
```
#5de5fd
```
#5de5fd rgb(93,229,253)
```
#5dd7fd
```
#5dd7fd rgb(93,215,253)
```
#5dcafd
```
#5dcafd rgb(93,202,253)
```
#5dbdfd
```
#5dbdfd rgb(93,189,253)
```
#5daffd
```
#5daffd rgb(93,175,253)
```
#5da2fd
```
#5da2fd rgb(93,162,253)
```

Similar Colors

Text with hexadecimal color #5dcafd

This text has a font color of #5dcafd.

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

#5dcafd background color

This paragraph has a background color of #5dcafd.

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

#5dcafd border color

This element has a border color of #5dcafd.

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

CSS codes

.text {color:#5dcafd;}

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

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

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, #00080c is the darkest color, while #f8fdff is the lightest one.

#00080c
```
#00080c rgb(0,8,12)
```
#001620
```
#001620 rgb(0,22,32)
```
#012333
```
#012333 rgb(1,35,51)
```
#013047
```
#013047 rgb(1,48,71)
```
#013e5a
```
#013e5a rgb(1,62,90)
```
#014b6d
```
#014b6d rgb(1,75,109)
```
#025881
```
#025881 rgb(2,88,129)
```
#026594
```
#026594 rgb(2,101,148)
```
#0273a7
```
#0273a7 rgb(2,115,167)
```
#0280bb
```
#0280bb rgb(2,128,187)
```
#038dce
```
#038dce rgb(3,141,206)
```
#039be2
```
#039be2 rgb(3,155,226)
```
#03a8f5
```
#03a8f5 rgb(3,168,245)
```

Shade Color Variation

#0fb1fc
```
#0fb1fc rgb(15,177,252)
```
#23b7fc
```
#23b7fc rgb(35,183,252)
```
#36bdfd
```
#36bdfd rgb(54,189,253)
```
#4ac4fd
```
#4ac4fd rgb(74,196,253)
```
#5dcafd
```
#5dcafd rgb(93,202,253)
```
#70d0fd
```
#70d0fd rgb(112,208,253)
```
#84d7fd
```
#84d7fd rgb(132,215,253)
```
#97ddfe
```
#97ddfe rgb(151,221,254)
```
#abe3fe
```
#abe3fe rgb(171,227,254)
```
#beeafe
```
#beeafe rgb(190,234,254)
```
#d1f0fe
```
#d1f0fe rgb(209,240,254)
```
#e5f6ff
```
#e5f6ff rgb(229,246,255)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#a9afb1
```
#a9afb1 rgb(169,175,177)
```
#a2b1b8
```
#a2b1b8 rgb(162,177,184)
```
#9cb3be
```
#9cb3be rgb(156,179,190)
```
#96b5c4
```
#96b5c4 rgb(150,181,196)
```
#8fb8cb
```
#8fb8cb rgb(143,184,203)
```
#89bad1
```
#89bad1 rgb(137,186,209)
```
#83bcd7
```
#83bcd7 rgb(131,188,215)
```
#7dbfdd
```
#7dbfdd rgb(125,191,221)
```
#76c1e4
```
#76c1e4 rgb(118,193,228)
```
#70c3ea
```
#70c3ea rgb(112,195,234)
```
#6ac5f0
```
#6ac5f0 rgb(106,197,240)
```
#63c8f7
```
#63c8f7 rgb(99,200,247)
```
#5dcafd
```
#5dcafd rgb(93,202,253)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9fb4bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bff4 Protanopia 1% of men
#adbfff Deuteranopia 1% of men
#52d1e1 Tritanopia 0.001% of the population

Trichromacy

#93c3f7 Protanomaly 1% of men, 0.01% of women
#90c3fe Deuteranomaly 6% of men, 0.4% of women
#56cfeb Tritanomaly 0.01% of the population

#5dcafd hex color

#5dcafd Color Information

#5dcafd Color Conversion

Color Schemes with #5dcafd

Alternatives to #5dcafd

#5dcafd Preview

Shades and Tints of #5dcafd

Tones of #5dcafd

Color Blindness Simulator