#5dd4fc hex color

In a RGB color space, hex #5dd4fc is composed of 36.5% red, 83.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 15.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 195.1 degrees, a saturation of 96.4% and a lightness of 67.6%. #5dd4fc color hex could be obtained by blending #baffff with #00a9f9. Closest websafe color is: #66ccff.

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

● #5dd4fc color description : Soft blue.

The hexadecimal color #5dd4fc has RGB values of R:93, G:212, B:252 and CMYK values of C:0.63, M:0.16, Y:0, K:0.01. Its decimal value is 6149372.

Hex triplet	5dd4fc	`#5dd4fc`
RGB Decimal	93, 212, 252	`rgb(93,212,252)`
RGB Percent	36.5, 83.1, 98.8	`rgb(36.5%,83.1%,98.8%)`
CMYK	63, 16, 0, 1
HSL	195.1°, 96.4, 67.6	`hsl(195.1,96.4%,67.6%)`
HSV (or HSB)	195.1°, 63.1, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.863, -21.712, -29.5
XYZ	45.624, 56.439, 100.58
xyY	0.225, 0.279, 56.439
CIE-LCH	79.863, 36.629, 233.647
CIE-LUV	79.863, -46.709, -44.538
Hunter-Lab	75.126, -23.067, -26.79
Binary	01011101, 11010100, 11111100

#5dd4fc
```
#5dd4fc rgb(93,212,252)
```
#fc855d
```
#fc855d rgb(252,133,93)
```

Complementary Color

#5dfcd5
```
#5dfcd5 rgb(93,252,213)
```
#5dd4fc
```
#5dd4fc rgb(93,212,252)
```
#5d85fc
```
#5d85fc rgb(93,133,252)
```

Analogous Color

#fcd55d
```
#fcd55d rgb(252,213,93)
```
#5dd4fc
```
#5dd4fc rgb(93,212,252)
```
#fc5d85
```
#fc5d85 rgb(252,93,133)
```

Split Complementary Color

#d4fc5d
```
#d4fc5d rgb(212,252,93)
```
#5dd4fc
```
#5dd4fc rgb(93,212,252)
```
#fc5dd4
```
#fc5dd4 rgb(252,93,212)
```

Triadic Color

#5dfc85
```
#5dfc85 rgb(93,252,133)
```
#5dd4fc
```
#5dd4fc rgb(93,212,252)
```
#fc5dd4
```
#fc5dd4 rgb(252,93,212)
```
#fc855d
```
#fc855d rgb(252,133,93)
```

Tetradic Color

#12c0fb
```
#12c0fb rgb(18,192,251)
```
#2bc7fb
```
#2bc7fb rgb(43,199,251)
```
#44cdfc
```
#44cdfc rgb(68,205,252)
```
#5dd4fc
```
#5dd4fc rgb(93,212,252)
```
#76dbfc
```
#76dbfc rgb(118,219,252)
```
#8fe1fd
```
#8fe1fd rgb(143,225,253)
```
#a8e8fd
```
#a8e8fd rgb(168,232,253)
```

Monochromatic Color

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

#5dfcfc
```
#5dfcfc rgb(93,252,252)
```
#5deffc
```
#5deffc rgb(93,239,252)
```
#5de1fc
```
#5de1fc rgb(93,225,252)
```
#5dd4fc
```
#5dd4fc rgb(93,212,252)
```
#5dc7fc
```
#5dc7fc rgb(93,199,252)
```
#5dbafc
```
#5dbafc rgb(93,186,252)
```
#5dacfc
```
#5dacfc rgb(93,172,252)
```

Similar Colors

Text with hexadecimal color #5dd4fc

This text has a font color of #5dd4fc.

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

#5dd4fc background color

This paragraph has a background color of #5dd4fc.

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

#5dd4fc border color

This element has a border color of #5dd4fc.

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

CSS codes

.text {color:#5dd4fc;}

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

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

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

#00090b
```
#00090b rgb(0,9,11)
```
#01171f
```
#01171f rgb(1,23,31)
```
#012632
```
#012632 rgb(1,38,50)
```
#013445
```
#013445 rgb(1,52,69)
```
#024358
```
#024358 rgb(2,67,88)
```
#02516c
```
#02516c rgb(2,81,108)
```
#02607f
```
#02607f rgb(2,96,127)
```
#036e92
```
#036e92 rgb(3,110,146)
```
#037da5
```
#037da5 rgb(3,125,165)
```
#038bb9
```
#038bb9 rgb(3,139,185)
```
#049acc
```
#049acc rgb(4,154,204)
```
#04a8df
```
#04a8df rgb(4,168,223)
```
#04b7f2
```
#04b7f2 rgb(4,183,242)
```

Shade Color Variation

#10c0fb
```
#10c0fb rgb(16,192,251)
```
#23c5fb
```
#23c5fb rgb(35,197,251)
```
#36cafb
```
#36cafb rgb(54,202,251)
```
#4acffc
```
#4acffc rgb(74,207,252)
```
#5dd4fc
```
#5dd4fc rgb(93,212,252)
```
#70d9fc
```
#70d9fc rgb(112,217,252)
```
#84defd
```
#84defd rgb(132,222,253)
```
#97e3fd
```
#97e3fd rgb(151,227,253)
```
#aae8fd
```
#aae8fd rgb(170,232,253)
```
#bdeefe
```
#bdeefe rgb(189,238,254)
```
#d1f3fe
```
#d1f3fe rgb(209,243,254)
```
#e4f8fe
```
#e4f8fe rgb(228,248,254)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#a9aeb0
```
#a9aeb0 rgb(169,174,176)
```
#a3b1b6
```
#a3b1b6 rgb(163,177,182)
```
#9cb4bd
```
#9cb4bd rgb(156,180,189)
```
#96b8c3
```
#96b8c3 rgb(150,184,195)
```
#90bbc9
```
#90bbc9 rgb(144,187,201)
```
#89bed0
```
#89bed0 rgb(137,190,208)
```
#83c1d6
```
#83c1d6 rgb(131,193,214)
```
#7dc4dc
```
#7dc4dc rgb(125,196,220)
```
#76c7e3
```
#76c7e3 rgb(118,199,227)
```
#70cbe9
```
#70cbe9 rgb(112,203,233)
```
#6aceef
```
#6aceef rgb(106,206,239)
```
#63d1f6
```
#63d1f6 rgb(99,209,246)
```
#5dd4fc
```
#5dd4fc rgb(93,212,252)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a3bbc3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec7f2 Protanopia 1% of men
#bbc6ff Deuteranopia 1% of men
#59d9e9 Tritanopia 0.001% of the population

Trichromacy

#9acbf5 Protanomaly 1% of men, 0.01% of women
#99cbfd Deuteranomaly 6% of men, 0.4% of women
#5ad7f0 Tritanomaly 0.01% of the population

#5dd4fc hex color

#5dd4fc Color Information

#5dd4fc Color Conversion

Color Schemes with #5dd4fc

Alternatives to #5dd4fc

#5dd4fc Preview

Shades and Tints of #5dd4fc

Tones of #5dd4fc

Color Blindness Simulator