#5dbdff hex color

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

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

● #5dbdff color description : Light blue.

The hexadecimal color #5dbdff has RGB values of R:93, G:189, B:255 and CMYK values of C:0.64, M:0.26, Y:0, K:0. Its decimal value is 6143487.

Hex triplet	5dbdff	`#5dbdff`
RGB Decimal	93, 189, 255	`rgb(93,189,255)`
RGB Percent	36.5, 74.1, 100	`rgb(36.5%,74.1%,100%)`
CMYK	64, 26, 0, 0
HSL	204.4°, 100, 68.2	`hsl(204.4,100%,68.2%)`
HSV (or HSB)	204.4°, 63.5, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.506, -8.758, -40.938
XYZ	40.757, 45.939, 101.322
xyY	0.217, 0.244, 45.939
CIE-LCH	73.506, 41.864, 257.925
CIE-LUV	73.506, -38.359, -65.366
Hunter-Lab	67.779, -11.275, -41.187
Binary	01011101, 10111101, 11111111

#5dbdff
```
#5dbdff rgb(93,189,255)
```
#ff9f5d
```
#ff9f5d rgb(255,159,93)
```

Complementary Color

#5dfff0
```
#5dfff0 rgb(93,255,240)
```
#5dbdff
```
#5dbdff rgb(93,189,255)
```
#5d6cff
```
#5d6cff rgb(93,108,255)
```

Analogous Color

#fff05d
```
#fff05d rgb(255,240,93)
```
#5dbdff
```
#5dbdff rgb(93,189,255)
```
#ff5d6c
```
#ff5d6c rgb(255,93,108)
```

Split Complementary Color

#bdff5d
```
#bdff5d rgb(189,255,93)
```
#5dbdff
```
#5dbdff rgb(93,189,255)
```
#ff5dbd
```
#ff5dbd rgb(255,93,189)
```

Triadic Color

#5dff9f
```
#5dff9f rgb(93,255,159)
```
#5dbdff
```
#5dbdff rgb(93,189,255)
```
#ff5dbd
```
#ff5dbd rgb(255,93,189)
```
#ff9f5d
```
#ff9f5d rgb(255,159,93)
```

Tetradic Color

#119eff
```
#119eff rgb(17,158,255)
```
#2aa8ff
```
#2aa8ff rgb(42,168,255)
```
#44b3ff
```
#44b3ff rgb(68,179,255)
```
#5dbdff
```
#5dbdff rgb(93,189,255)
```
#77c7ff
```
#77c7ff rgb(119,199,255)
```
#90d2ff
```
#90d2ff rgb(144,210,255)
```
#aadcff
```
#aadcff rgb(170,220,255)
```

Monochromatic Color

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

#5de6ff
```
#5de6ff rgb(93,230,255)
```
#5dd8ff
```
#5dd8ff rgb(93,216,255)
```
#5dcbff
```
#5dcbff rgb(93,203,255)
```
#5dbdff
```
#5dbdff rgb(93,189,255)
```
#5db0ff
```
#5db0ff rgb(93,176,255)
```
#5da2ff
```
#5da2ff rgb(93,162,255)
```
#5d95ff
```
#5d95ff rgb(93,149,255)
```

Similar Colors

Text with hexadecimal color #5dbdff

This text has a font color of #5dbdff.

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

#5dbdff background color

This paragraph has a background color of #5dbdff.

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

#5dbdff border color

This element has a border color of #5dbdff.

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

CSS codes

.text {color:#5dbdff;}

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

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

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

#00090f
```
#00090f rgb(0,9,15)
```
#001422
```
#001422 rgb(0,20,34)
```
#002036
```
#002036 rgb(0,32,54)
```
#002b49
```
#002b49 rgb(0,43,73)
```
#00375d
```
#00375d rgb(0,55,93)
```
#004371
```
#004371 rgb(0,67,113)
```
#004e84
```
#004e84 rgb(0,78,132)
```
#005a98
```
#005a98 rgb(0,90,152)
```
#0066ab
```
#0066ab rgb(0,102,171)
```
#0071bf
```
#0071bf rgb(0,113,191)
```
#007dd3
```
#007dd3 rgb(0,125,211)
```
#0088e6
```
#0088e6 rgb(0,136,230)
```
#0094fa
```
#0094fa rgb(0,148,250)
```

Shade Color Variation

#0f9dff
```
#0f9dff rgb(15,157,255)
```
#22a5ff
```
#22a5ff rgb(34,165,255)
```
#36adff
```
#36adff rgb(54,173,255)
```
#49b5ff
```
#49b5ff rgb(73,181,255)
```
#5dbdff
```
#5dbdff rgb(93,189,255)
```
#71c5ff
```
#71c5ff rgb(113,197,255)
```
#84cdff
```
#84cdff rgb(132,205,255)
```
#98d5ff
```
#98d5ff rgb(152,213,255)
```
#abddff
```
#abddff rgb(171,221,255)
```
#bfe5ff
```
#bfe5ff rgb(191,229,255)
```
#d3edff
```
#d3edff rgb(211,237,255)
```
#e6f5ff
```
#e6f5ff rgb(230,245,255)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#a8afb4
```
#a8afb4 rgb(168,175,180)
```
#a2b0ba
```
#a2b0ba rgb(162,176,186)
```
#9bb1c1
```
#9bb1c1 rgb(155,177,193)
```
#95b3c7
```
#95b3c7 rgb(149,179,199)
```
#8fb4cd
```
#8fb4cd rgb(143,180,205)
```
#89b5d3
```
#89b5d3 rgb(137,181,211)
```
#82b6da
```
#82b6da rgb(130,182,218)
```
#7cb7e0
```
#7cb7e0 rgb(124,183,224)
```
#76b8e6
```
#76b8e6 rgb(118,184,230)
```
#70baec
```
#70baec rgb(112,186,236)
```
#69bbf3
```
#69bbf3 rgb(105,187,243)
```
#63bcf9
```
#63bcf9 rgb(99,188,249)
```
#5dbdff
```
#5dbdff rgb(93,189,255)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#99acb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b6f7 Protanopia 1% of men
#9ab7ff Deuteranopia 1% of men
#49c8d6 Tritanopia 0.001% of the population

Trichromacy

#89b8fa Protanomaly 1% of men, 0.01% of women
#83b9ff Deuteranomaly 6% of men, 0.4% of women
#50c4e5 Tritanomaly 0.01% of the population

#5dbdff hex color

#5dbdff Color Information

#5dbdff Color Conversion

Color Schemes with #5dbdff

Alternatives to #5dbdff

#5dbdff Preview

Shades and Tints of #5dbdff

Tones of #5dbdff

Color Blindness Simulator