colorhexa.com

#5ddcfd hex color

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

- R 36
- G 86
- B 99
RGB color chart
- C 63
- M 13
- Y 0
- K 1
CMYK color chart

● #5ddcfd color description : Soft cyan.

The hexadecimal color #5ddcfd has RGB values of R:93, G:220, B:253 and CMYK values of C:0.63, M:0.13, Y:0, K:0.01. Its decimal value is 6151421.

Hex triplet	5ddcfd	`#5ddcfd`
RGB Decimal	93, 220, 253	`rgb(93,220,253)`
RGB Percent	36.5, 86.3, 99.2	`rgb(36.5%,86.3%,99.2%)`
CMYK	63, 13, 0, 1
HSL	192.4°, 97.6, 67.8	`hsl(192.4,97.6%,67.8%)`
HSV (or HSB)	192.4°, 63.2, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	82.164, -25.413, -26.509
XYZ	47.832, 60.602, 102.1
xyY	0.227, 0.288, 60.602
CIE-LCH	82.164, 36.723, 226.209
CIE-LUV	82.164, -49.53, -39.039
Hunter-Lab	77.847, -26.555, -23.268
Binary	01011101, 11011100, 11111101

#5ddcfd
```
#5ddcfd rgb(93,220,253)
```
#fd7e5d
```
#fd7e5d rgb(253,126,93)
```

Complementary Color

#5dfdce
```
#5dfdce rgb(93,253,206)
```
#5ddcfd
```
#5ddcfd rgb(93,220,253)
```
#5d8cfd
```
#5d8cfd rgb(93,140,253)
```

Analogous Color

#fdce5d
```
#fdce5d rgb(253,206,93)
```
#5ddcfd
```
#5ddcfd rgb(93,220,253)
```
#fd5d8c
```
#fd5d8c rgb(253,93,140)
```

Split Complementary Color

#dcfd5d
```
#dcfd5d rgb(220,253,93)
```
#5ddcfd
```
#5ddcfd rgb(93,220,253)
```
#fd5ddc
```
#fd5ddc rgb(253,93,220)
```

Triadic Color

#5dfd7e
```
#5dfd7e rgb(93,253,126)
```
#5ddcfd
```
#5ddcfd rgb(93,220,253)
```
#fd5ddc
```
#fd5ddc rgb(253,93,220)
```
#fd7e5d
```
#fd7e5d rgb(253,126,93)
```

Tetradic Color

#11ccfc
```
#11ccfc rgb(17,204,252)
```
#2bd1fc
```
#2bd1fc rgb(43,209,252)
```
#44d7fd
```
#44d7fd rgb(68,215,253)
```
#5ddcfd
```
#5ddcfd rgb(93,220,253)
```
#76e1fd
```
#76e1fd rgb(118,225,253)
```
#8fe7fe
```
#8fe7fe rgb(143,231,254)
```
#a9ecfe
```
#a9ecfe rgb(169,236,254)
```

Monochromatic Color

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

#5dfdf6
```
#5dfdf6 rgb(93,253,246)
```
#5df7fd
```
#5df7fd rgb(93,247,253)
```
#5de9fd
```
#5de9fd rgb(93,233,253)
```
#5ddcfd
```
#5ddcfd rgb(93,220,253)
```
#5dcffd
```
#5dcffd rgb(93,207,253)
```
#5dc1fd
```
#5dc1fd rgb(93,193,253)
```
#5db4fd
```
#5db4fd rgb(93,180,253)
```

Similar Colors

Text with hexadecimal color #5ddcfd

This text has a font color of #5ddcfd.

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

#5ddcfd background color

This paragraph has a background color of #5ddcfd.

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

#5ddcfd border color

This element has a border color of #5ddcfd.

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

CSS codes

.text {color:#5ddcfd;}

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

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

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

#000a0c
```
#000a0c rgb(0,10,12)
```
#001920
```
#001920 rgb(0,25,32)
```
#012933
```
#012933 rgb(1,41,51)
```
#013847
```
#013847 rgb(1,56,71)
```
#01485a
```
#01485a rgb(1,72,90)
```
#01576d
```
#01576d rgb(1,87,109)
```
#026681
```
#026681 rgb(2,102,129)
```
#027694
```
#027694 rgb(2,118,148)
```
#0285a7
```
#0285a7 rgb(2,133,167)
```
#0295bb
```
#0295bb rgb(2,149,187)
```
#03a4ce
```
#03a4ce rgb(3,164,206)
```
#03b4e2
```
#03b4e2 rgb(3,180,226)
```
#03c3f5
```
#03c3f5 rgb(3,195,245)
```

Shade Color Variation

#0fcbfc
```
#0fcbfc rgb(15,203,252)
```
#23cffc
```
#23cffc rgb(35,207,252)
```
#36d4fd
```
#36d4fd rgb(54,212,253)
```
#4ad8fd
```
#4ad8fd rgb(74,216,253)
```
#5ddcfd
```
#5ddcfd rgb(93,220,253)
```
#70e0fd
```
#70e0fd rgb(112,224,253)
```
#84e4fd
```
#84e4fd rgb(132,228,253)
```
#97e9fe
```
#97e9fe rgb(151,233,254)
```
#abedfe
```
#abedfe rgb(171,237,254)
```
#bef1fe
```
#bef1fe rgb(190,241,254)
```
#d1f5fe
```
#d1f5fe rgb(209,245,254)
```
#e5f9ff
```
#e5f9ff rgb(229,249,255)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#a9b0b1
```
#a9b0b1 rgb(169,176,177)
```
#a2b3b8
```
#a2b3b8 rgb(162,179,184)
```
#9cb7be
```
#9cb7be rgb(156,183,190)
```
#96bbc4
```
#96bbc4 rgb(150,187,196)
```
#8fbecb
```
#8fbecb rgb(143,190,203)
```
#89c2d1
```
#89c2d1 rgb(137,194,209)
```
#83c6d7
```
#83c6d7 rgb(131,198,215)
```
#7dc9dd
```
#7dc9dd rgb(125,201,221)
```
#76cde4
```
#76cde4 rgb(118,205,228)
```
#70d1ea
```
#70d1ea rgb(112,209,234)
```
#6ad5f0
```
#6ad5f0 rgb(106,213,240)
```
#63d8f7
```
#63d8f7 rgb(99,216,247)
```
#5ddcfd
```
#5ddcfd rgb(93,220,253)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#a7c1c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cdf2 Protanopia 1% of men
#c5cbff Deuteranopia 1% of men
#5de0f0 Tritanopia 0.001% of the population

Trichromacy

#a0d2f6 Protanomaly 1% of men, 0.01% of women
#9fd1fe Deuteranomaly 6% of men, 0.4% of women
#5ddef5 Tritanomaly 0.01% of the population