#5bc0dd hex color

In a RGB color space, hex #5bc0dd is composed of 35.7% red, 75.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 13.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 193.4 degrees, a saturation of 65.7% and a lightness of 61.2%. #5bc0dd color hex could be obtained by blending #b6ffff with #0081bb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 75
- B 87
RGB color chart
- C 59
- M 13
- Y 0
- K 13
CMYK color chart

● #5bc0dd color description : Soft cyan.

The hexadecimal color #5bc0dd has RGB values of R:91, G:192, B:221 and CMYK values of C:0.59, M:0.13, Y:0, K:0.13. Its decimal value is 6013149.

Hex triplet	5bc0dd	`#5bc0dd`
RGB Decimal	91, 192, 221	`rgb(91,192,221)`
RGB Percent	35.7, 75.3, 86.7	`rgb(35.7%,75.3%,86.7%)`
CMYK	59, 13, 0, 13
HSL	193.4°, 65.7, 61.2	`hsl(193.4,65.7%,61.2%)`
HSV (or HSB)	193.4°, 58.8, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.985, -21.084, -23.37
XYZ	36.212, 45.141, 75.207
xyY	0.231, 0.288, 45.141
CIE-LCH	72.985, 31.475, 227.944
CIE-LUV	72.985, -41.345, -33.826
Hunter-Lab	67.187, -21.372, -19.336
Binary	01011011, 11000000, 11011101

#5bc0dd
```
#5bc0dd rgb(91,192,221)
```
#dd785b
```
#dd785b rgb(221,120,91)
```

Complementary Color

#5bddb9
```
#5bddb9 rgb(91,221,185)
```
#5bc0dd
```
#5bc0dd rgb(91,192,221)
```
#5b7fdd
```
#5b7fdd rgb(91,127,221)
```

Analogous Color

#ddb95b
```
#ddb95b rgb(221,185,91)
```
#5bc0dd
```
#5bc0dd rgb(91,192,221)
```
#dd5b7f
```
#dd5b7f rgb(221,91,127)
```

Split Complementary Color

#c0dd5b
```
#c0dd5b rgb(192,221,91)
```
#5bc0dd
```
#5bc0dd rgb(91,192,221)
```
#dd5bc0
```
#dd5bc0 rgb(221,91,192)
```

Triadic Color

#5bdd78
```
#5bdd78 rgb(91,221,120)
```
#5bc0dd
```
#5bc0dd rgb(91,192,221)
```
#dd5bc0
```
#dd5bc0 rgb(221,91,192)
```
#dd785b
```
#dd785b rgb(221,120,91)
```

Tetradic Color

#28a1c3
```
#28a1c3 rgb(40,161,195)
```
#31b0d4
```
#31b0d4 rgb(49,176,212)
```
#46b8d9
```
#46b8d9 rgb(70,184,217)
```
#5bc0dd
```
#5bc0dd rgb(91,192,221)
```
#70c8e1
```
#70c8e1 rgb(112,200,225)
```
#85d0e6
```
#85d0e6 rgb(133,208,230)
```
#9ad8ea
```
#9ad8ea rgb(154,216,234)
```

Monochromatic Color

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

#5bddda
```
#5bddda rgb(91,221,218)
```
#5bd6dd
```
#5bd6dd rgb(91,214,221)
```
#5bcbdd
```
#5bcbdd rgb(91,203,221)
```
#5bc0dd
```
#5bc0dd rgb(91,192,221)
```
#5bb5dd
```
#5bb5dd rgb(91,181,221)
```
#5baadd
```
#5baadd rgb(91,170,221)
```
#5ba0dd
```
#5ba0dd rgb(91,160,221)
```

Similar Colors

Text with hexadecimal color #5bc0dd

This text has a font color of #5bc0dd.

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

#5bc0dd background color

This paragraph has a background color of #5bc0dd.

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

#5bc0dd border color

This element has a border color of #5bc0dd.

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

CSS codes

.text {color:#5bc0dd;}

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

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

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, #030c0f is the darkest color, while #fdfeff is the lightest one.

#030c0f
```
#030c0f rgb(3,12,15)
```
#06191f
```
#06191f rgb(6,25,31)
```
#0a272f
```
#0a272f rgb(10,39,47)
```
#0d343f
```
#0d343f rgb(13,52,63)
```
#114250
```
#114250 rgb(17,66,80)
```
#144f60
```
#144f60 rgb(20,79,96)
```
#175c70
```
#175c70 rgb(23,92,112)
```
#1b6a80
```
#1b6a80 rgb(27,106,128)
```
#1e7791
```
#1e7791 rgb(30,119,145)
```
#2184a1
```
#2184a1 rgb(33,132,161)
```
#2592b1
```
#2592b1 rgb(37,146,177)
```
#289fc1
```
#289fc1 rgb(40,159,193)
```
#2badd2
```
#2badd2 rgb(43,173,210)
```

Shade Color Variation

#3bb4d6
```
#3bb4d6 rgb(59,180,214)
```
#4bbada
```
#4bbada rgb(75,186,218)
```
#5bc0dd
```
#5bc0dd rgb(91,192,221)
```
#6bc6e0
```
#6bc6e0 rgb(107,198,224)
```
#7bcce4
```
#7bcce4 rgb(123,204,228)
```
#8cd3e7
```
#8cd3e7 rgb(140,211,231)
```
#9cd9ea
```
#9cd9ea rgb(156,217,234)
```
#acdfee
```
#acdfee rgb(172,223,238)
```
#bce5f1
```
#bce5f1 rgb(188,229,241)
```
#cdecf5
```
#cdecf5 rgb(205,236,245)
```
#ddf2f8
```
#ddf2f8 rgb(221,242,248)
```
#edf8fb
```
#edf8fb rgb(237,248,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989ea0 is the less saturated color, while #3dd1fb is the most saturated one.

#989ea0
```
#989ea0 rgb(152,158,160)
```
#90a2a8
```
#90a2a8 rgb(144,162,168)
```
#89a7af
```
#89a7af rgb(137,167,175)
```
#81abb7
```
#81abb7 rgb(129,171,183)
```
#79afbf
```
#79afbf rgb(121,175,191)
```
#72b3c6
```
#72b3c6 rgb(114,179,198)
```
#6ab8ce
```
#6ab8ce rgb(106,184,206)
```
#63bcd5
```
#63bcd5 rgb(99,188,213)
```
#5bc0dd
```
#5bc0dd rgb(91,192,221)
```
#53c4e5
```
#53c4e5 rgb(83,196,229)
```
#4cc8ec
```
#4cc8ec rgb(76,200,236)
```
#44cdf4
```
#44cdf4 rgb(68,205,244)
```
#3dd1fb
```
#3dd1fb rgb(61,209,251)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#96aab0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb5d6 Protanopia 1% of men
#aeb4e4 Deuteranopia 1% of men
#5dc5d3 Tritanopia 0.001% of the population

Trichromacy

#91b9d8 Protanomaly 1% of men, 0.01% of women
#90b8e1 Deuteranomaly 6% of men, 0.4% of women
#5cc3d7 Tritanomaly 0.01% of the population

#5bc0dd hex color

#5bc0dd Color Information

#5bc0dd Color Conversion

Color Schemes with #5bc0dd

Alternatives to #5bc0dd

#5bc0dd Preview

Shades and Tints of #5bc0dd

Tones of #5bc0dd

Color Blindness Simulator