#5dcdff hex color

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

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

● #5dcdff color description : Light blue.

The hexadecimal color #5dcdff has RGB values of R:93, G:205, B:255 and CMYK values of C:0.64, M:0.2, Y:0, K:0. Its decimal value is 6147583.

Hex triplet	5dcdff	`#5dcdff`
RGB Decimal	93, 205, 255	`rgb(93,205,255)`
RGB Percent	36.5, 80.4, 100	`rgb(36.5%,80.4%,100%)`
CMYK	64, 20, 0, 0
HSL	198.5°, 100, 68.2	`hsl(198.5,100%,68.2%)`
HSV (or HSB)	198.5°, 63.5, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.997, -17.227, -33.97
XYZ	44.391, 53.206, 102.533
xyY	0.222, 0.266, 53.206
CIE-LCH	77.997, 38.089, 243.11
CIE-LUV	77.997, -44.055, -52.694
Hunter-Lab	72.943, -19.02, -32.282
Binary	01011101, 11001101, 11111111

#5dcdff
```
#5dcdff rgb(93,205,255)
```
#ff8f5d
```
#ff8f5d rgb(255,143,93)
```

Complementary Color

#5dffe0
```
#5dffe0 rgb(93,255,224)
```
#5dcdff
```
#5dcdff rgb(93,205,255)
```
#5d7cff
```
#5d7cff rgb(93,124,255)
```

Analogous Color

#ffe05d
```
#ffe05d rgb(255,224,93)
```
#5dcdff
```
#5dcdff rgb(93,205,255)
```
#ff5d7c
```
#ff5d7c rgb(255,93,124)
```

Split Complementary Color

#cdff5d
```
#cdff5d rgb(205,255,93)
```
#5dcdff
```
#5dcdff rgb(93,205,255)
```
#ff5dcd
```
#ff5dcd rgb(255,93,205)
```

Triadic Color

#5dff8f
```
#5dff8f rgb(93,255,143)
```
#5dcdff
```
#5dcdff rgb(93,205,255)
```
#ff5dcd
```
#ff5dcd rgb(255,93,205)
```
#ff8f5d
```
#ff8f5d rgb(255,143,93)
```

Tetradic Color

#11b5ff
```
#11b5ff rgb(17,181,255)
```
#2abdff
```
#2abdff rgb(42,189,255)
```
#44c5ff
```
#44c5ff rgb(68,197,255)
```
#5dcdff
```
#5dcdff rgb(93,205,255)
```
#77d5ff
```
#77d5ff rgb(119,213,255)
```
#90ddff
```
#90ddff rgb(144,221,255)
```
#aae5ff
```
#aae5ff rgb(170,229,255)
```

Monochromatic Color

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

#5df6ff
```
#5df6ff rgb(93,246,255)
```
#5de8ff
```
#5de8ff rgb(93,232,255)
```
#5ddbff
```
#5ddbff rgb(93,219,255)
```
#5dcdff
```
#5dcdff rgb(93,205,255)
```
#5dc0ff
```
#5dc0ff rgb(93,192,255)
```
#5db2ff
```
#5db2ff rgb(93,178,255)
```
#5da5ff
```
#5da5ff rgb(93,165,255)
```

Similar Colors

Text with hexadecimal color #5dcdff

This text has a font color of #5dcdff.

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

#5dcdff background color

This paragraph has a background color of #5dcdff.

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

#5dcdff border color

This element has a border color of #5dcdff.

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

CSS codes

.text {color:#5dcdff;}

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

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

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

#000a0f
```
#000a0f rgb(0,10,15)
```
#001822
```
#001822 rgb(0,24,34)
```
#002536
```
#002536 rgb(0,37,54)
```
#003349
```
#003349 rgb(0,51,73)
```
#00405d
```
#00405d rgb(0,64,93)
```
#004e71
```
#004e71 rgb(0,78,113)
```
#005b84
```
#005b84 rgb(0,91,132)
```
#006998
```
#006998 rgb(0,105,152)
```
#0077ab
```
#0077ab rgb(0,119,171)
```
#0084bf
```
#0084bf rgb(0,132,191)
```
#0092d3
```
#0092d3 rgb(0,146,211)
```
#009fe6
```
#009fe6 rgb(0,159,230)
```
#00adfa
```
#00adfa rgb(0,173,250)
```

Shade Color Variation

#0fb5ff
```
#0fb5ff rgb(15,181,255)
```
#22bbff
```
#22bbff rgb(34,187,255)
```
#36c1ff
```
#36c1ff rgb(54,193,255)
```
#49c7ff
```
#49c7ff rgb(73,199,255)
```
#5dcdff
```
#5dcdff rgb(93,205,255)
```
#71d3ff
```
#71d3ff rgb(113,211,255)
```
#84d9ff
```
#84d9ff rgb(132,217,255)
```
#98dfff
```
#98dfff rgb(152,223,255)
```
#abe5ff
```
#abe5ff rgb(171,229,255)
```
#bfebff
```
#bfebff rgb(191,235,255)
```
#d3f1ff
```
#d3f1ff rgb(211,241,255)
```
#e6f7ff
```
#e6f7ff rgb(230,247,255)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#a8b0b4
```
#a8b0b4 rgb(168,176,180)
```
#a2b3ba
```
#a2b3ba rgb(162,179,186)
```
#9bb5c1
```
#9bb5c1 rgb(155,181,193)
```
#95b8c7
```
#95b8c7 rgb(149,184,199)
```
#8fbacd
```
#8fbacd rgb(143,186,205)
```
#89bcd3
```
#89bcd3 rgb(137,188,211)
```
#82bfda
```
#82bfda rgb(130,191,218)
```
#7cc1e0
```
#7cc1e0 rgb(124,193,224)
```
#76c3e6
```
#76c3e6 rgb(118,195,230)
```
#70c6ec
```
#70c6ec rgb(112,198,236)
```
#69c8f3
```
#69c8f3 rgb(105,200,243)
```
#63cbf9
```
#63cbf9 rgb(99,203,249)
```
#5dcdff
```
#5dcdff rgb(93,205,255)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a0b7c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5c2f6 Protanopia 1% of men
#b1c1ff Deuteranopia 1% of men
#53d4e4 Tritanopia 0.001% of the population

Trichromacy

#95c6f9 Protanomaly 1% of men, 0.01% of women
#92c5ff Deuteranomaly 6% of men, 0.4% of women
#56d1ed Tritanomaly 0.01% of the population

#5dcdff hex color

#5dcdff Color Information

#5dcdff Color Conversion

Color Schemes with #5dcdff

Alternatives to #5dcdff

#5dcdff Preview

Shades and Tints of #5dcdff

Tones of #5dcdff

Color Blindness Simulator