#5dd2f3 hex color

In a RGB color space, hex #5dd2f3 is composed of 36.5% red, 82.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 13.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 193.2 degrees, a saturation of 86.2% and a lightness of 65.9%. #5dd2f3 color hex could be obtained by blending #baffff with #00a5e7. Closest websafe color is: #66ccff.

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

● #5dd2f3 color description : Soft cyan.

The hexadecimal color #5dd2f3 has RGB values of R:93, G:210, B:243 and CMYK values of C:0.62, M:0.14, Y:0, K:0.05. Its decimal value is 6148851.

Hex triplet	5dd2f3	`#5dd2f3`
RGB Decimal	93, 210, 243	`rgb(93,210,243)`
RGB Percent	36.5, 82.4, 95.3	`rgb(36.5%,82.4%,95.3%)`
CMYK	62, 14, 0, 5
HSL	193.2°, 86.2, 65.9	`hsl(193.2,86.2%,65.9%)`
HSV (or HSB)	193.2°, 61.7, 95.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.977, -23.373, -26.06
XYZ	43.734, 54.888, 93.079
xyY	0.228, 0.286, 54.888
CIE-LCH	78.977, 35.007, 228.111
CIE-LUV	78.977, -46.436, -38.386
Hunter-Lab	74.086, -24.281, -22.629
Binary	01011101, 11010010, 11110011

#5dd2f3
```
#5dd2f3 rgb(93,210,243)
```
#f37e5d
```
#f37e5d rgb(243,126,93)
```

Complementary Color

#5df3c9
```
#5df3c9 rgb(93,243,201)
```
#5dd2f3
```
#5dd2f3 rgb(93,210,243)
```
#5d87f3
```
#5d87f3 rgb(93,135,243)
```

Analogous Color

#f3c95d
```
#f3c95d rgb(243,201,93)
```
#5dd2f3
```
#5dd2f3 rgb(93,210,243)
```
#f35d87
```
#f35d87 rgb(243,93,135)
```

Split Complementary Color

#d2f35d
```
#d2f35d rgb(210,243,93)
```
#5dd2f3
```
#5dd2f3 rgb(93,210,243)
```
#f35dd2
```
#f35dd2 rgb(243,93,210)
```

Triadic Color

#5df37e
```
#5df37e rgb(93,243,126)
```
#5dd2f3
```
#5dd2f3 rgb(93,210,243)
```
#f35dd2
```
#f35dd2 rgb(243,93,210)
```
#f37e5d
```
#f37e5d rgb(243,126,93)
```

Tetradic Color

#16beee
```
#16beee rgb(22,190,238)
```
#2ec5ef
```
#2ec5ef rgb(46,197,239)
```
#45cbf1
```
#45cbf1 rgb(69,203,241)
```
#5dd2f3
```
#5dd2f3 rgb(93,210,243)
```
#75d9f5
```
#75d9f5 rgb(117,217,245)
```
#8cdff7
```
#8cdff7 rgb(140,223,247)
```
#a4e6f8
```
#a4e6f8 rgb(164,230,248)
```

Monochromatic Color

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

#5df3ef
```
#5df3ef rgb(93,243,239)
```
#5debf3
```
#5debf3 rgb(93,235,243)
```
#5ddff3
```
#5ddff3 rgb(93,223,243)
```
#5dd2f3
```
#5dd2f3 rgb(93,210,243)
```
#5dc6f3
```
#5dc6f3 rgb(93,198,243)
```
#5db9f3
```
#5db9f3 rgb(93,185,243)
```
#5dadf3
```
#5dadf3 rgb(93,173,243)
```

Similar Colors

Text with hexadecimal color #5dd2f3

This text has a font color of #5dd2f3.

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

#5dd2f3 background color

This paragraph has a background color of #5dd2f3.

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

#5dd2f3 border color

This element has a border color of #5dd2f3.

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

CSS codes

.text {color:#5dd2f3;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#021015
```
#021015 rgb(2,16,21)
```
#031f27
```
#031f27 rgb(3,31,39)
```
#042e39
```
#042e39 rgb(4,46,57)
```
#063c4b
```
#063c4b rgb(6,60,75)
```
#074b5e
```
#074b5e rgb(7,75,94)
```
#085970
```
#085970 rgb(8,89,112)
```
#0a6882
```
#0a6882 rgb(10,104,130)
```
#0b7694
```
#0b7694 rgb(11,118,148)
```
#0c85a7
```
#0c85a7 rgb(12,133,167)
```
#0e93b9
```
#0e93b9 rgb(14,147,185)
```
#0fa2cb
```
#0fa2cb rgb(15,162,203)
```
#10b0de
```
#10b0de rgb(16,176,222)
```

Shade Color Variation

#14beee
```
#14beee rgb(20,190,238)
```
#26c3ef
```
#26c3ef rgb(38,195,239)
```
#38c8f0
```
#38c8f0 rgb(56,200,240)
```
#4bcdf2
```
#4bcdf2 rgb(75,205,242)
```
#5dd2f3
```
#5dd2f3 rgb(93,210,243)
```
#6fd7f4
```
#6fd7f4 rgb(111,215,244)
```
#82dcf6
```
#82dcf6 rgb(130,220,246)
```
#94e1f7
```
#94e1f7 rgb(148,225,247)
```
#a6e6f8
```
#a6e6f8 rgb(166,230,248)
```
#b8ebfa
```
#b8ebfa rgb(184,235,250)
```
#cbf0fb
```
#cbf0fb rgb(203,240,251)
```
#ddf6fc
```
#ddf6fc rgb(221,246,252)
```
#effbfe
```
#effbfe rgb(239,251,254)
```

Tint Color Variation

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

#a7a9a9
```
#a7a9a9 rgb(167,169,169)
```
#a0adb0
```
#a0adb0 rgb(160,173,176)
```
#99b0b7
```
#99b0b7 rgb(153,176,183)
```
#93b4bd
```
#93b4bd rgb(147,180,189)
```
#8cb8c4
```
#8cb8c4 rgb(140,184,196)
```
#85bccb
```
#85bccb rgb(133,188,203)
```
#7ebfd2
```
#7ebfd2 rgb(126,191,210)
```
#78c3d8
```
#78c3d8 rgb(120,195,216)
```
#71c7df
```
#71c7df rgb(113,199,223)
```
#6acbe6
```
#6acbe6 rgb(106,203,230)
```
#64ceec
```
#64ceec rgb(100,206,236)
```
#5dd2f3
```
#5dd2f3 rgb(93,210,243)
```
#56d6fa
```
#56d6fa rgb(86,214,250)
```

Tone Color Variation

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

#bec4e9 Protanopia 1% of men
#bcc3fa Deuteranopia 1% of men
#5dd6e6 Tritanopia 0.001% of the population

Trichromacy

#9ac9ed Protanomaly 1% of men, 0.01% of women
#99c8f7 Deuteranomaly 6% of men, 0.4% of women
#5dd4ea Tritanomaly 0.01% of the population

#5dd2f3 hex color

#5dd2f3 Color Information

#5dd2f3 Color Conversion

Color Schemes with #5dd2f3

Alternatives to #5dd2f3

#5dd2f3 Preview

Shades and Tints of #5dd2f3

Tones of #5dd2f3

Color Blindness Simulator