#5dd2f5 hex color

In a RGB color space, hex #5dd2f5 is composed of 36.5% red, 82.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 14.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 193.8 degrees, a saturation of 88.4% and a lightness of 66.3%. #5dd2f5 color hex could be obtained by blending #baffff with #00a5eb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 82
- B 96
RGB color chart
- C 62
- M 14
- Y 0
- K 4
CMYK color chart

● #5dd2f5 color description : Soft cyan.

The hexadecimal color #5dd2f5 has RGB values of R:93, G:210, B:245 and CMYK values of C:0.62, M:0.14, Y:0, K:0.04. Its decimal value is 6148853.

Hex triplet	5dd2f5	`#5dd2f5`
RGB Decimal	93, 210, 245	`rgb(93,210,245)`
RGB Percent	36.5, 82.4, 96.1	`rgb(36.5%,82.4%,96.1%)`
CMYK	62, 14, 0, 4
HSL	193.8°, 88.4, 66.3	`hsl(193.8,88.4%,66.3%)`
HSV (or HSB)	193.8°, 62, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.047, -22.784, -27.021
XYZ	44.038, 55.01, 94.678
xyY	0.227, 0.284, 55.01
CIE-LCH	79.047, 35.344, 229.863
CIE-LUV	79.047, -46.337, -40.105
Hunter-Lab	74.168, -23.809, -23.768
Binary	01011101, 11010010, 11110101

#5dd2f5
```
#5dd2f5 rgb(93,210,245)
```
#f5805d
```
#f5805d rgb(245,128,93)
```

Complementary Color

#5df5cc
```
#5df5cc rgb(93,245,204)
```
#5dd2f5
```
#5dd2f5 rgb(93,210,245)
```
#5d86f5
```
#5d86f5 rgb(93,134,245)
```

Analogous Color

#f5cc5d
```
#f5cc5d rgb(245,204,93)
```
#5dd2f5
```
#5dd2f5 rgb(93,210,245)
```
#f55d86
```
#f55d86 rgb(245,93,134)
```

Split Complementary Color

#d2f55d
```
#d2f55d rgb(210,245,93)
```
#5dd2f5
```
#5dd2f5 rgb(93,210,245)
```
#f55dd2
```
#f55dd2 rgb(245,93,210)
```

Triadic Color

#5df580
```
#5df580 rgb(93,245,128)
```
#5dd2f5
```
#5dd2f5 rgb(93,210,245)
```
#f55dd2
```
#f55dd2 rgb(245,93,210)
```
#f5805d
```
#f5805d rgb(245,128,93)
```

Tetradic Color

#15bef1
```
#15bef1 rgb(21,190,241)
```
#2dc5f2
```
#2dc5f2 rgb(45,197,242)
```
#45cbf4
```
#45cbf4 rgb(69,203,244)
```
#5dd2f5
```
#5dd2f5 rgb(93,210,245)
```
#75d9f6
```
#75d9f6 rgb(117,217,246)
```
#8ddff8
```
#8ddff8 rgb(141,223,248)
```
#a5e6f9
```
#a5e6f9 rgb(165,230,249)
```

Monochromatic Color

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

#5df5f2
```
#5df5f2 rgb(93,245,242)
```
#5debf5
```
#5debf5 rgb(93,235,245)
```
#5ddff5
```
#5ddff5 rgb(93,223,245)
```
#5dd2f5
```
#5dd2f5 rgb(93,210,245)
```
#5dc5f5
```
#5dc5f5 rgb(93,197,245)
```
#5db9f5
```
#5db9f5 rgb(93,185,245)
```
#5dacf5
```
#5dacf5 rgb(93,172,245)
```

Similar Colors

Text with hexadecimal color #5dd2f5

This text has a font color of #5dd2f5.

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

#5dd2f5 background color

This paragraph has a background color of #5dd2f5.

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

#5dd2f5 border color

This element has a border color of #5dd2f5.

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

CSS codes

.text {color:#5dd2f5;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011217
```
#011217 rgb(1,18,23)
```
#032029
```
#032029 rgb(3,32,41)
```
#042f3c
```
#042f3c rgb(4,47,60)
```
#053d4e
```
#053d4e rgb(5,61,78)
```
#064c61
```
#064c61 rgb(6,76,97)
```
#075a73
```
#075a73 rgb(7,90,115)
```
#086986
```
#086986 rgb(8,105,134)
```
#097798
```
#097798 rgb(9,119,152)
```
#0b86ab
```
#0b86ab rgb(11,134,171)
```
#0c94bd
```
#0c94bd rgb(12,148,189)
```
#0da3cf
```
#0da3cf rgb(13,163,207)
```
#0eb1e2
```
#0eb1e2 rgb(14,177,226)
```

Shade Color Variation

#13bdf0
```
#13bdf0 rgb(19,189,240)
```
#26c3f2
```
#26c3f2 rgb(38,195,242)
```
#38c8f3
```
#38c8f3 rgb(56,200,243)
```
#4bcdf4
```
#4bcdf4 rgb(75,205,244)
```
#5dd2f5
```
#5dd2f5 rgb(93,210,245)
```
#6fd7f6
```
#6fd7f6 rgb(111,215,246)
```
#82dcf7
```
#82dcf7 rgb(130,220,247)
```
#94e1f8
```
#94e1f8 rgb(148,225,248)
```
#a7e7fa
```
#a7e7fa rgb(167,231,250)
```
#b9ecfb
```
#b9ecfb rgb(185,236,251)
```
#ccf1fc
```
#ccf1fc rgb(204,241,252)
```
#def6fd
```
#def6fd rgb(222,246,253)
```
#f1fbfe
```
#f1fbfe rgb(241,251,254)
```

Tint Color Variation

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

#a6abac
```
#a6abac rgb(166,171,172)
```
#9faeb3
```
#9faeb3 rgb(159,174,179)
```
#99b2b9
```
#99b2b9 rgb(153,178,185)
```
#92b5c0
```
#92b5c0 rgb(146,181,192)
```
#8bb9c7
```
#8bb9c7 rgb(139,185,199)
```
#85bdcd
```
#85bdcd rgb(133,189,205)
```
#7ec0d4
```
#7ec0d4 rgb(126,192,212)
```
#77c4db
```
#77c4db rgb(119,196,219)
```
#71c7e1
```
#71c7e1 rgb(113,199,225)
```
#6acbe8
```
#6acbe8 rgb(106,203,232)
```
#64ceee
```
#64ceee rgb(100,206,238)
```
#5dd2f5
```
#5dd2f5 rgb(93,210,245)
```
#56d6fc
```
#56d6fc rgb(86,214,252)
```

Tone Color Variation

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

Dichromacy

#bdc5eb Protanopia 1% of men
#bbc3fb Deuteranopia 1% of men
#5cd6e6 Tritanopia 0.001% of the population

Trichromacy

#9ac9ef Protanomaly 1% of men, 0.01% of women
#98c8f9 Deuteranomaly 6% of men, 0.4% of women
#5cd5eb Tritanomaly 0.01% of the population

#5dd2f5 hex color

#5dd2f5 Color Information

#5dd2f5 Color Conversion

Color Schemes with #5dd2f5

Alternatives to #5dd2f5

#5dd2f5 Preview

Shades and Tints of #5dd2f5

Tones of #5dd2f5

Color Blindness Simulator