#5dd2fd hex color

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

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

● #5dd2fd color description : Soft blue.

The hexadecimal color #5dd2fd has RGB values of R:93, G:210, B:253 and CMYK values of C:0.63, M:0.17, Y:0, K:0.01. Its decimal value is 6148861.

Hex triplet	5dd2fd	`#5dd2fd`
RGB Decimal	93, 210, 253	`rgb(93,210,253)`
RGB Percent	36.5, 82.4, 99.2	`rgb(36.5%,82.4%,99.2%)`
CMYK	63, 17, 0, 1
HSL	196.1°, 97.6, 67.8	`hsl(196.1,97.6%,67.8%)`
HSV (or HSB)	196.1°, 63.2, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.333, -20.399, -30.845
XYZ	45.286, 55.509, 101.251
xyY	0.224, 0.275, 55.509
CIE-LCH	79.333, 36.98, 236.523
CIE-LUV	79.333, -45.941, -46.99
Hunter-Lab	74.504, -21.885, -28.422
Binary	01011101, 11010010, 11111101

#5dd2fd
```
#5dd2fd rgb(93,210,253)
```
#fd885d
```
#fd885d rgb(253,136,93)
```

Complementary Color

#5dfdd8
```
#5dfdd8 rgb(93,253,216)
```
#5dd2fd
```
#5dd2fd rgb(93,210,253)
```
#5d82fd
```
#5d82fd rgb(93,130,253)
```

Analogous Color

#fdd85d
```
#fdd85d rgb(253,216,93)
```
#5dd2fd
```
#5dd2fd rgb(93,210,253)
```
#fd5d82
```
#fd5d82 rgb(253,93,130)
```

Split Complementary Color

#d2fd5d
```
#d2fd5d rgb(210,253,93)
```
#5dd2fd
```
#5dd2fd rgb(93,210,253)
```
#fd5dd2
```
#fd5dd2 rgb(253,93,210)
```

Triadic Color

#5dfd88
```
#5dfd88 rgb(93,253,136)
```
#5dd2fd
```
#5dd2fd rgb(93,210,253)
```
#fd5dd2
```
#fd5dd2 rgb(253,93,210)
```
#fd885d
```
#fd885d rgb(253,136,93)
```

Tetradic Color

#11bdfc
```
#11bdfc rgb(17,189,252)
```
#2bc4fc
```
#2bc4fc rgb(43,196,252)
```
#44cbfd
```
#44cbfd rgb(68,203,253)
```
#5dd2fd
```
#5dd2fd rgb(93,210,253)
```
#76d9fd
```
#76d9fd rgb(118,217,253)
```
#8fe0fe
```
#8fe0fe rgb(143,224,254)
```
#a9e7fe
```
#a9e7fe rgb(169,231,254)
```

Monochromatic Color

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

#5dfafd
```
#5dfafd rgb(93,250,253)
```
#5dedfd
```
#5dedfd rgb(93,237,253)
```
#5ddffd
```
#5ddffd rgb(93,223,253)
```
#5dd2fd
```
#5dd2fd rgb(93,210,253)
```
#5dc5fd
```
#5dc5fd rgb(93,197,253)
```
#5db7fd
```
#5db7fd rgb(93,183,253)
```
#5daafd
```
#5daafd rgb(93,170,253)
```

Similar Colors

Text with hexadecimal color #5dd2fd

This text has a font color of #5dd2fd.

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

#5dd2fd background color

This paragraph has a background color of #5dd2fd.

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

#5dd2fd border color

This element has a border color of #5dd2fd.

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

CSS codes

.text {color:#5dd2fd;}

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

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

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

#00090c
```
#00090c rgb(0,9,12)
```
#001720
```
#001720 rgb(0,23,32)
```
#012633
```
#012633 rgb(1,38,51)
```
#013447
```
#013447 rgb(1,52,71)
```
#01425a
```
#01425a rgb(1,66,90)
```
#01506d
```
#01506d rgb(1,80,109)
```
#025e81
```
#025e81 rgb(2,94,129)
```
#026d94
```
#026d94 rgb(2,109,148)
```
#027ba7
```
#027ba7 rgb(2,123,167)
```
#0289bb
```
#0289bb rgb(2,137,187)
```
#0397ce
```
#0397ce rgb(3,151,206)
```
#03a6e2
```
#03a6e2 rgb(3,166,226)
```
#03b4f5
```
#03b4f5 rgb(3,180,245)
```

Shade Color Variation

#0fbcfc
```
#0fbcfc rgb(15,188,252)
```
#23c2fc
```
#23c2fc rgb(35,194,252)
```
#36c7fd
```
#36c7fd rgb(54,199,253)
```
#4acdfd
```
#4acdfd rgb(74,205,253)
```
#5dd2fd
```
#5dd2fd rgb(93,210,253)
```
#70d7fd
```
#70d7fd rgb(112,215,253)
```
#84ddfd
```
#84ddfd rgb(132,221,253)
```
#97e2fe
```
#97e2fe rgb(151,226,254)
```
#abe8fe
```
#abe8fe rgb(171,232,254)
```
#beedfe
```
#beedfe rgb(190,237,254)
```
#d1f2fe
```
#d1f2fe rgb(209,242,254)
```
#e5f8ff
```
#e5f8ff rgb(229,248,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 #5dd2fd is the most saturated one.

#a9afb1
```
#a9afb1 rgb(169,175,177)
```
#a2b2b8
```
#a2b2b8 rgb(162,178,184)
```
#9cb5be
```
#9cb5be rgb(156,181,190)
```
#96b8c4
```
#96b8c4 rgb(150,184,196)
```
#8fbbcb
```
#8fbbcb rgb(143,187,203)
```
#89bed1
```
#89bed1 rgb(137,190,209)
```
#83c0d7
```
#83c0d7 rgb(131,192,215)
```
#7dc3dd
```
#7dc3dd rgb(125,195,221)
```
#76c6e4
```
#76c6e4 rgb(118,198,228)
```
#70c9ea
```
#70c9ea rgb(112,201,234)
```
#6accf0
```
#6accf0 rgb(106,204,240)
```
#63cff7
```
#63cff7 rgb(99,207,247)
```
#5dd2fd
```
#5dd2fd rgb(93,210,253)
```

Tone Color Variation

Below, you can see how #5dd2fd 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
#a3bac3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc5f3 Protanopia 1% of men
#b8c5ff Deuteranopia 1% of men
#57d8e8 Tritanopia 0.001% of the population

Trichromacy

#99caf7 Protanomaly 1% of men, 0.01% of women
#97c9fe Deuteranomaly 6% of men, 0.4% of women
#59d5ef Tritanomaly 0.01% of the population

#5dd2fd hex color

#5dd2fd Color Information

#5dd2fd Color Conversion

Color Schemes with #5dd2fd

Alternatives to #5dd2fd

#5dd2fd Preview

Shades and Tints of #5dd2fd

Tones of #5dd2fd

Color Blindness Simulator