#5dbdd5 hex color

In a RGB color space, hex #5dbdd5 is composed of 36.5% red, 74.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 11.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 192 degrees, a saturation of 58.8% and a lightness of 60%. #5dbdd5 color hex could be obtained by blending #baffff with #007bab. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 74
- B 84
RGB color chart
- C 56
- M 11
- Y 0
- K 16
CMYK color chart

● #5dbdd5 color description : Moderate cyan.

The hexadecimal color #5dbdd5 has RGB values of R:93, G:189, B:213 and CMYK values of C:0.56, M:0.11, Y:0, K:0.16. Its decimal value is 6143445.

Hex triplet	5dbdd5	`#5dbdd5`
RGB Decimal	93, 189, 213	`rgb(93,189,213)`
RGB Percent	36.5, 74.1, 83.5	`rgb(36.5%,74.1%,83.5%)`
CMYK	56, 11, 0, 16
HSL	192°, 58.8, 60	`hsl(192,58.8%,60%)`
HSV (or HSB)	192°, 56.3, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.909, -21.499, -20.65
XYZ	34.719, 43.524, 69.518
xyY	0.235, 0.295, 43.524
CIE-LCH	71.909, 29.81, 223.846
CIE-LUV	71.909, -40.074, -29.184
Hunter-Lab	65.973, -21.515, -16.296
Binary	01011101, 10111101, 11010101

#5dbdd5
```
#5dbdd5 rgb(93,189,213)
```
#d5755d
```
#d5755d rgb(213,117,93)
```

Complementary Color

#5dd5b1
```
#5dd5b1 rgb(93,213,177)
```
#5dbdd5
```
#5dbdd5 rgb(93,189,213)
```
#5d81d5
```
#5d81d5 rgb(93,129,213)
```

Analogous Color

#d5b15d
```
#d5b15d rgb(213,177,93)
```
#5dbdd5
```
#5dbdd5 rgb(93,189,213)
```
#d55d81
```
#d55d81 rgb(213,93,129)
```

Split Complementary Color

#bdd55d
```
#bdd55d rgb(189,213,93)
```
#5dbdd5
```
#5dbdd5 rgb(93,189,213)
```
#d55dbd
```
#d55dbd rgb(213,93,189)
```

Triadic Color

#5dd575
```
#5dd575 rgb(93,213,117)
```
#5dbdd5
```
#5dbdd5 rgb(93,189,213)
```
#d55dbd
```
#d55dbd rgb(213,93,189)
```
#d5755d
```
#d5755d rgb(213,117,93)
```

Tetradic Color

#2f9bb6
```
#2f9bb6 rgb(47,155,182)
```
#35adcb
```
#35adcb rgb(53,173,203)
```
#49b5d0
```
#49b5d0 rgb(73,181,208)
```
#5dbdd5
```
#5dbdd5 rgb(93,189,213)
```
#71c5da
```
#71c5da rgb(113,197,218)
```
#86cee0
```
#86cee0 rgb(134,206,224)
```
#9ad6e5
```
#9ad6e5 rgb(154,214,229)
```

Monochromatic Color

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

#5dd5cf
```
#5dd5cf rgb(93,213,207)
```
#5dd1d5
```
#5dd1d5 rgb(93,209,213)
```
#5dc7d5
```
#5dc7d5 rgb(93,199,213)
```
#5dbdd5
```
#5dbdd5 rgb(93,189,213)
```
#5db3d5
```
#5db3d5 rgb(93,179,213)
```
#5da9d5
```
#5da9d5 rgb(93,169,213)
```
#5d9fd5
```
#5d9fd5 rgb(93,159,213)
```

Similar Colors

Text with hexadecimal color #5dbdd5

This text has a font color of #5dbdd5.

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

#5dbdd5 background color

This paragraph has a background color of #5dbdd5.

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

#5dbdd5 border color

This element has a border color of #5dbdd5.

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

CSS codes

.text {color:#5dbdd5;}

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

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

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

#020809
```
#020809 rgb(2,8,9)
```
#061519
```
#061519 rgb(6,21,25)
```
#0b2329
```
#0b2329 rgb(11,35,41)
```
#0f3038
```
#0f3038 rgb(15,48,56)
```
#133d48
```
#133d48 rgb(19,61,72)
```
#174a57
```
#174a57 rgb(23,74,87)
```
#1b5867
```
#1b5867 rgb(27,88,103)
```
#1f6576
```
#1f6576 rgb(31,101,118)
```
#237286
```
#237286 rgb(35,114,134)
```
#277f96
```
#277f96 rgb(39,127,150)
```
#2b8da5
```
#2b8da5 rgb(43,141,165)
```
#2f9ab5
```
#2f9ab5 rgb(47,154,181)
```
#33a7c4
```
#33a7c4 rgb(51,167,196)
```

Shade Color Variation

#3eb0cd
```
#3eb0cd rgb(62,176,205)
```
#4db7d1
```
#4db7d1 rgb(77,183,209)
```
#5dbdd5
```
#5dbdd5 rgb(93,189,213)
```
#6dc3d9
```
#6dc3d9 rgb(109,195,217)
```
#7ccadd
```
#7ccadd rgb(124,202,221)
```
#8cd0e1
```
#8cd0e1 rgb(140,208,225)
```
#9bd6e5
```
#9bd6e5 rgb(155,214,229)
```
#abdde9
```
#abdde9 rgb(171,221,233)
```
#bae3ed
```
#bae3ed rgb(186,227,237)
```
#cae9f1
```
#cae9f1 rgb(202,233,241)
```
#daf0f5
```
#daf0f5 rgb(218,240,245)
```
#e9f6f9
```
#e9f6f9 rgb(233,246,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949c9e is the less saturated color, while #36d5fc is the most saturated one.

#949c9e
```
#949c9e rgb(148,156,158)
```
#8ca1a6
```
#8ca1a6 rgb(140,161,166)
```
#84a5ae
```
#84a5ae rgb(132,165,174)
```
#7caab6
```
#7caab6 rgb(124,170,182)
```
#75afbd
```
#75afbd rgb(117,175,189)
```
#6db4c5
```
#6db4c5 rgb(109,180,197)
```
#65b8cd
```
#65b8cd rgb(101,184,205)
```
#5dbdd5
```
#5dbdd5 rgb(93,189,213)
```
#55c2dd
```
#55c2dd rgb(85,194,221)
```
#4dc6e5
```
#4dc6e5 rgb(77,198,229)
```
#45cbed
```
#45cbed rgb(69,203,237)
```
#3ed0f4
```
#3ed0f4 rgb(62,208,244)
```
#36d5fc
```
#36d5fc rgb(54,213,252)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#95a8ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeb2ce Protanopia 1% of men
#aeb1dc Deuteranopia 1% of men
#61c1cf Tritanopia 0.001% of the population

Trichromacy

#91b6d1 Protanomaly 1% of men, 0.01% of women
#91b5da Deuteranomaly 6% of men, 0.4% of women
#60c0d1 Tritanomaly 0.01% of the population

#5dbdd5 hex color

#5dbdd5 Color Information

#5dbdd5 Color Conversion

Color Schemes with #5dbdd5

Alternatives to #5dbdd5

#5dbdd5 Preview

Shades and Tints of #5dbdd5

Tones of #5dbdd5

Color Blindness Simulator