#5dd2ff hex color

In a RGB color space, hex #5dd2ff is composed of 36.5% red, 82.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 17.6% magenta, 0% yellow and 0% black. It has a hue angle of 196.7 degrees, a saturation of 100% and a lightness of 68.2%. #5dd2ff color hex could be obtained by blending #baffff with #00a5ff. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 82
- B 100
RGB color chart
- C 64
- M 18
- Y 0
- K 0
CMYK color chart

● #5dd2ff color description : Light blue.

The hexadecimal color #5dd2ff has RGB values of R:93, G:210, B:255 and CMYK values of C:0.64, M:0.18, Y:0, K:0. Its decimal value is 6148863.

Hex triplet	5dd2ff	`#5dd2ff`
RGB Decimal	93, 210, 255	`rgb(93,210,255)`
RGB Percent	36.5, 82.4, 100	`rgb(36.5%,82.4%,100%)`
CMYK	64, 18, 0, 0
HSL	196.7°, 100, 68.2	`hsl(196.7,100%,68.2%)`
HSV (or HSB)	196.7°, 63.5, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.407, -19.796, -31.797
XYZ	45.606, 55.637, 102.938
xyY	0.223, 0.272, 55.637
CIE-LCH	79.407, 37.456, 238.095
CIE-LUV	79.407, -45.843, -48.713
Hunter-Lab	74.59, -21.394, -29.61
Binary	01011101, 11010010, 11111111

#5dd2ff
```
#5dd2ff rgb(93,210,255)
```
#ff8a5d
```
#ff8a5d rgb(255,138,93)
```

Complementary Color

#5dffdb
```
#5dffdb rgb(93,255,219)
```
#5dd2ff
```
#5dd2ff rgb(93,210,255)
```
#5d81ff
```
#5d81ff rgb(93,129,255)
```

Analogous Color

#ffdb5d
```
#ffdb5d rgb(255,219,93)
```
#5dd2ff
```
#5dd2ff rgb(93,210,255)
```
#ff5d81
```
#ff5d81 rgb(255,93,129)
```

Split Complementary Color

#d2ff5d
```
#d2ff5d rgb(210,255,93)
```
#5dd2ff
```
#5dd2ff rgb(93,210,255)
```
#ff5dd2
```
#ff5dd2 rgb(255,93,210)
```

Triadic Color

#5dff8a
```
#5dff8a rgb(93,255,138)
```
#5dd2ff
```
#5dd2ff rgb(93,210,255)
```
#ff5dd2
```
#ff5dd2 rgb(255,93,210)
```
#ff8a5d
```
#ff8a5d rgb(255,138,93)
```

Tetradic Color

#11bdff
```
#11bdff rgb(17,189,255)
```
#2ac4ff
```
#2ac4ff rgb(42,196,255)
```
#44cbff
```
#44cbff rgb(68,203,255)
```
#5dd2ff
```
#5dd2ff rgb(93,210,255)
```
#77d9ff
```
#77d9ff rgb(119,217,255)
```
#90e0ff
```
#90e0ff rgb(144,224,255)
```
#aae7ff
```
#aae7ff rgb(170,231,255)
```

Monochromatic Color

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

#5dfbff
```
#5dfbff rgb(93,251,255)
```
#5dedff
```
#5dedff rgb(93,237,255)
```
#5de0ff
```
#5de0ff rgb(93,224,255)
```
#5dd2ff
```
#5dd2ff rgb(93,210,255)
```
#5dc5ff
```
#5dc5ff rgb(93,197,255)
```
#5db7ff
```
#5db7ff rgb(93,183,255)
```
#5daaff
```
#5daaff rgb(93,170,255)
```

Similar Colors

Text with hexadecimal color #5dd2ff

This text has a font color of #5dd2ff.

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

#5dd2ff background color

This paragraph has a background color of #5dd2ff.

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

#5dd2ff border color

This element has a border color of #5dd2ff.

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

CSS codes

.text {color:#5dd2ff;}

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

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

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

#000b0f
```
#000b0f rgb(0,11,15)
```
#001922
```
#001922 rgb(0,25,34)
```
#002736
```
#002736 rgb(0,39,54)
```
#003549
```
#003549 rgb(0,53,73)
```
#00435d
```
#00435d rgb(0,67,93)
```
#005171
```
#005171 rgb(0,81,113)
```
#006084
```
#006084 rgb(0,96,132)
```
#006e98
```
#006e98 rgb(0,110,152)
```
#007cab
```
#007cab rgb(0,124,171)
```
#008abf
```
#008abf rgb(0,138,191)
```
#0098d3
```
#0098d3 rgb(0,152,211)
```
#00a6e6
```
#00a6e6 rgb(0,166,230)
```
#00b5fa
```
#00b5fa rgb(0,181,250)
```

Shade Color Variation

#0fbcff
```
#0fbcff rgb(15,188,255)
```
#22c2ff
```
#22c2ff rgb(34,194,255)
```
#36c7ff
```
#36c7ff rgb(54,199,255)
```
#49cdff
```
#49cdff rgb(73,205,255)
```
#5dd2ff
```
#5dd2ff rgb(93,210,255)
```
#71d7ff
```
#71d7ff rgb(113,215,255)
```
#84ddff
```
#84ddff rgb(132,221,255)
```
#98e2ff
```
#98e2ff rgb(152,226,255)
```
#abe8ff
```
#abe8ff rgb(171,232,255)
```
#bfedff
```
#bfedff rgb(191,237,255)
```
#d3f3ff
```
#d3f3ff rgb(211,243,255)
```
#e6f8ff
```
#e6f8ff rgb(230,248,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#a8b1b4
```
#a8b1b4 rgb(168,177,180)
```
#a2b4ba
```
#a2b4ba rgb(162,180,186)
```
#9bb6c1
```
#9bb6c1 rgb(155,182,193)
```
#95b9c7
```
#95b9c7 rgb(149,185,199)
```
#8fbccd
```
#8fbccd rgb(143,188,205)
```
#89bfd3
```
#89bfd3 rgb(137,191,211)
```
#82c1da
```
#82c1da rgb(130,193,218)
```
#7cc4e0
```
#7cc4e0 rgb(124,196,224)
```
#76c7e6
```
#76c7e6 rgb(118,199,230)
```
#70caec
```
#70caec rgb(112,202,236)
```
#69ccf3
```
#69ccf3 rgb(105,204,243)
```
#63cff9
```
#63cff9 rgb(99,207,249)
```
#5dd2ff
```
#5dd2ff rgb(93,210,255)
```

Tone Color Variation

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

#bbc5f5 Protanopia 1% of men
#b8c5ff Deuteranopia 1% of men
#56d8e8 Tritanopia 0.001% of the population

Trichromacy

#99caf8 Protanomaly 1% of men, 0.01% of women
#96c9ff Deuteranomaly 6% of men, 0.4% of women
#58d6f0 Tritanomaly 0.01% of the population

#5dd2ff hex color

#5dd2ff Color Information

#5dd2ff Color Conversion

Color Schemes with #5dd2ff

Alternatives to #5dd2ff

#5dd2ff Preview

Shades and Tints of #5dd2ff

Tones of #5dd2ff

Color Blindness Simulator