#5bc2dd hex color

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

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

● #5bc2dd color description : Soft cyan.

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

Hex triplet	5bc2dd	`#5bc2dd`
RGB Decimal	91, 194, 221	`rgb(91,194,221)`
RGB Percent	35.7, 76.1, 86.7	`rgb(35.7%,76.1%,86.7%)`
CMYK	59, 12, 0, 13
HSL	192.5°, 65.7, 61.2	`hsl(192.5,65.7%,61.2%)`
HSV (or HSB)	192.5°, 58.8, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.562, -22.103, -22.49
XYZ	36.654, 46.025, 75.355
xyY	0.232, 0.291, 46.025
CIE-LCH	73.562, 31.533, 225.498
CIE-LUV	73.562, -42.087, -32.25
Hunter-Lab	67.842, -22.283, -18.366
Binary	01011011, 11000010, 11011101

#5bc2dd
```
#5bc2dd rgb(91,194,221)
```
#dd765b
```
#dd765b rgb(221,118,91)
```

Complementary Color

#5bddb7
```
#5bddb7 rgb(91,221,183)
```
#5bc2dd
```
#5bc2dd rgb(91,194,221)
```
#5b81dd
```
#5b81dd rgb(91,129,221)
```

Analogous Color

#ddb75b
```
#ddb75b rgb(221,183,91)
```
#5bc2dd
```
#5bc2dd rgb(91,194,221)
```
#dd5b81
```
#dd5b81 rgb(221,91,129)
```

Split Complementary Color

#c2dd5b
```
#c2dd5b rgb(194,221,91)
```
#5bc2dd
```
#5bc2dd rgb(91,194,221)
```
#dd5bc2
```
#dd5bc2 rgb(221,91,194)
```

Triadic Color

#5bdd76
```
#5bdd76 rgb(91,221,118)
```
#5bc2dd
```
#5bc2dd rgb(91,194,221)
```
#dd5bc2
```
#dd5bc2 rgb(221,91,194)
```
#dd765b
```
#dd765b rgb(221,118,91)
```

Tetradic Color

#28a3c3
```
#28a3c3 rgb(40,163,195)
```
#31b2d4
```
#31b2d4 rgb(49,178,212)
```
#46bad9
```
#46bad9 rgb(70,186,217)
```
#5bc2dd
```
#5bc2dd rgb(91,194,221)
```
#70cae1
```
#70cae1 rgb(112,202,225)
```
#85d2e6
```
#85d2e6 rgb(133,210,230)
```
#9adaea
```
#9adaea rgb(154,218,234)
```

Monochromatic Color

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

#5bddd8
```
#5bddd8 rgb(91,221,216)
```
#5bd8dd
```
#5bd8dd rgb(91,216,221)
```
#5bcddd
```
#5bcddd rgb(91,205,221)
```
#5bc2dd
```
#5bc2dd rgb(91,194,221)
```
#5bb7dd
```
#5bb7dd rgb(91,183,221)
```
#5bacdd
```
#5bacdd rgb(91,172,221)
```
#5ba2dd
```
#5ba2dd rgb(91,162,221)
```

Similar Colors

Text with hexadecimal color #5bc2dd

This text has a font color of #5bc2dd.

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

#5bc2dd background color

This paragraph has a background color of #5bc2dd.

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

#5bc2dd border color

This element has a border color of #5bc2dd.

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

CSS codes

.text {color:#5bc2dd;}

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

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

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)
```
#061a1f
```
#061a1f rgb(6,26,31)
```
#0a272f
```
#0a272f rgb(10,39,47)
```
#0d353f
```
#0d353f rgb(13,53,63)
```
#114350
```
#114350 rgb(17,67,80)
```
#145060
```
#145060 rgb(20,80,96)
```
#175e70
```
#175e70 rgb(23,94,112)
```
#1b6b80
```
#1b6b80 rgb(27,107,128)
```
#1e7991
```
#1e7991 rgb(30,121,145)
```
#2186a1
```
#2186a1 rgb(33,134,161)
```
#2594b1
```
#2594b1 rgb(37,148,177)
```
#28a2c1
```
#28a2c1 rgb(40,162,193)
```
#2bafd2
```
#2bafd2 rgb(43,175,210)
```

Shade Color Variation

#3bb6d6
```
#3bb6d6 rgb(59,182,214)
```
#4bbcda
```
#4bbcda rgb(75,188,218)
```
#5bc2dd
```
#5bc2dd rgb(91,194,221)
```
#6bc8e0
```
#6bc8e0 rgb(107,200,224)
```
#7bcee4
```
#7bcee4 rgb(123,206,228)
```
#8cd4e7
```
#8cd4e7 rgb(140,212,231)
```
#9cdaea
```
#9cdaea rgb(156,218,234)
```
#ace0ee
```
#ace0ee rgb(172,224,238)
```
#bce6f1
```
#bce6f1 rgb(188,230,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 #3dd4fb is the most saturated one.

#989ea0
```
#989ea0 rgb(152,158,160)
```
#90a3a8
```
#90a3a8 rgb(144,163,168)
```
#89a7af
```
#89a7af rgb(137,167,175)
```
#81acb7
```
#81acb7 rgb(129,172,183)
```
#79b0bf
```
#79b0bf rgb(121,176,191)
```
#72b5c6
```
#72b5c6 rgb(114,181,198)
```
#6ab9ce
```
#6ab9ce rgb(106,185,206)
```
#63bed5
```
#63bed5 rgb(99,190,213)
```
#5bc2dd
```
#5bc2dd rgb(91,194,221)
```
#53c6e5
```
#53c6e5 rgb(83,198,229)
```
#4ccbec
```
#4ccbec rgb(76,203,236)
```
#44cff4
```
#44cff4 rgb(68,207,244)
```
#3dd4fb
```
#3dd4fb rgb(61,212,251)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#97acb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b7d6 Protanopia 1% of men
#b1b5e4 Deuteranopia 1% of men
#5ec6d5 Tritanopia 0.001% of the population

Trichromacy

#92bbd8 Protanomaly 1% of men, 0.01% of women
#91b9e1 Deuteranomaly 6% of men, 0.4% of women
#5dc5d8 Tritanomaly 0.01% of the population

#5bc2dd hex color

#5bc2dd Color Information

#5bc2dd Color Conversion

Color Schemes with #5bc2dd

Alternatives to #5bc2dd

#5bc2dd Preview

Shades and Tints of #5bc2dd

Tones of #5bc2dd

Color Blindness Simulator