#5bb7cd hex color

In a RGB color space, hex #5bb7cd is composed of 35.7% red, 71.8% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 10.7% magenta, 0% yellow and 19.6% black. It has a hue angle of 191.6 degrees, a saturation of 53.3% and a lightness of 58%. #5bb7cd color hex could be obtained by blending #b6ffff with #006f9b. Closest websafe color is: #66cccc.

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

● #5bb7cd color description : Moderate cyan.

The hexadecimal color #5bb7cd has RGB values of R:91, G:183, B:205 and CMYK values of C:0.56, M:0.11, Y:0, K:0.2. Its decimal value is 6010829.

Hex triplet	5bb7cd	`#5bb7cd`
RGB Decimal	91, 183, 205	`rgb(91,183,205)`
RGB Percent	35.7, 71.8, 80.4	`rgb(35.7%,71.8%,80.4%)`
CMYK	56, 11, 0, 20
HSL	191.6°, 53.3, 58	`hsl(191.6,53.3%,58%)`
HSV (or HSB)	191.6°, 55.6, 80.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.822, -21.131, -19.453
XYZ	32.264, 40.497, 63.871
xyY	0.236, 0.296, 40.497
CIE-LCH	69.822, 28.721, 222.632
CIE-LUV	69.822, -38.664, -27.155
Hunter-Lab	63.637, -20.864, -14.962
Binary	01011011, 10110111, 11001101

#5bb7cd
```
#5bb7cd rgb(91,183,205)
```
#cd715b
```
#cd715b rgb(205,113,91)
```

Complementary Color

#5bcdaa
```
#5bcdaa rgb(91,205,170)
```
#5bb7cd
```
#5bb7cd rgb(91,183,205)
```
#5b7ecd
```
#5b7ecd rgb(91,126,205)
```

Analogous Color

#cdaa5b
```
#cdaa5b rgb(205,170,91)
```
#5bb7cd
```
#5bb7cd rgb(91,183,205)
```
#cd5b7e
```
#cd5b7e rgb(205,91,126)
```

Split Complementary Color

#b7cd5b
```
#b7cd5b rgb(183,205,91)
```
#5bb7cd
```
#5bb7cd rgb(91,183,205)
```
#cd5bb7
```
#cd5bb7 rgb(205,91,183)
```

Triadic Color

#5bcd71
```
#5bcd71 rgb(91,205,113)
```
#5bb7cd
```
#5bb7cd rgb(91,183,205)
```
#cd5bb7
```
#cd5bb7 rgb(205,91,183)
```
#cd715b
```
#cd715b rgb(205,113,91)
```

Tetradic Color

#3392a8
```
#3392a8 rgb(51,146,168)
```
#39a3bc
```
#39a3bc rgb(57,163,188)
```
#47aec7
```
#47aec7 rgb(71,174,199)
```
#5bb7cd
```
#5bb7cd rgb(91,183,205)
```
#6fc0d3
```
#6fc0d3 rgb(111,192,211)
```
#82c8d9
```
#82c8d9 rgb(130,200,217)
```
#96d1df
```
#96d1df rgb(150,209,223)
```

Monochromatic Color

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

#5bcdc7
```
#5bcdc7 rgb(91,205,199)
```
#5bcacd
```
#5bcacd rgb(91,202,205)
```
#5bc1cd
```
#5bc1cd rgb(91,193,205)
```
#5bb7cd
```
#5bb7cd rgb(91,183,205)
```
#5baecd
```
#5baecd rgb(91,174,205)
```
#5ba4cd
```
#5ba4cd rgb(91,164,205)
```
#5b9bcd
```
#5b9bcd rgb(91,155,205)
```

Similar Colors

Text with hexadecimal color #5bb7cd

This text has a font color of #5bb7cd.

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

#5bb7cd background color

This paragraph has a background color of #5bb7cd.

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

#5bb7cd border color

This element has a border color of #5bb7cd.

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

CSS codes

.text {color:#5bb7cd;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050e10
```
#050e10 rgb(5,14,16)
```
#0a1b1f
```
#0a1b1f rgb(10,27,31)
```
#0e282e
```
#0e282e rgb(14,40,46)
```
#13353d
```
#13353d rgb(19,53,61)
```
#17424d
```
#17424d rgb(23,66,77)
```
#1c4f5c
```
#1c4f5c rgb(28,79,92)
```
#205c6b
```
#205c6b rgb(32,92,107)
```
#25697a
```
#25697a rgb(37,105,122)
```
#2a7689
```
#2a7689 rgb(42,118,137)
```
#2e8398
```
#2e8398 rgb(46,131,152)
```
#3390a7
```
#3390a7 rgb(51,144,167)
```
#379db6
```
#379db6 rgb(55,157,182)
```

Shade Color Variation

#3daac4
```
#3daac4 rgb(61,170,196)
```
#4cb0c8
```
#4cb0c8 rgb(76,176,200)
```
#5bb7cd
```
#5bb7cd rgb(91,183,205)
```
#6abed2
```
#6abed2 rgb(106,190,210)
```
#79c4d6
```
#79c4d6 rgb(121,196,214)
```
#88cbdb
```
#88cbdb rgb(136,203,219)
```
#97d1df
```
#97d1df rgb(151,209,223)
```
#a6d8e4
```
#a6d8e4 rgb(166,216,228)
```
#b5dfe8
```
#b5dfe8 rgb(181,223,232)
```
#c4e5ed
```
#c4e5ed rgb(196,229,237)
```
#d3ecf2
```
#d3ecf2 rgb(211,236,242)
```
#e2f2f6
```
#e2f2f6 rgb(226,242,246)
```
#f1f9fb
```
#f1f9fb rgb(241,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c999c is the less saturated color, while #2ad5fe is the most saturated one.

#8c999c
```
#8c999c rgb(140,153,156)
```
#849ea4
```
#849ea4 rgb(132,158,164)
```
#7ca3ac
```
#7ca3ac rgb(124,163,172)
```
#74a8b4
```
#74a8b4 rgb(116,168,180)
```
#6badbd
```
#6badbd rgb(107,173,189)
```
#63b2c5
```
#63b2c5 rgb(99,178,197)
```
#5bb7cd
```
#5bb7cd rgb(91,183,205)
```
#53bcd5
```
#53bcd5 rgb(83,188,213)
```
#4bc1dd
```
#4bc1dd rgb(75,193,221)
```
#42c6e6
```
#42c6e6 rgb(66,198,230)
```
#3acbee
```
#3acbee rgb(58,203,238)
```
#32d0f6
```
#32d0f6 rgb(50,208,246)
```
#2ad5fe
```
#2ad5fe rgb(42,213,254)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#91a3a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaadc7 Protanopia 1% of men
#aaabd5 Deuteranopia 1% of men
#60bbc9 Tritanopia 0.001% of the population

Trichromacy

#8db1c9 Protanomaly 1% of men, 0.01% of women
#8dafd2 Deuteranomaly 6% of men, 0.4% of women
#5ebaca Tritanomaly 0.01% of the population

#5bb7cd hex color

#5bb7cd Color Information

#5bb7cd Color Conversion

Color Schemes with #5bb7cd

Alternatives to #5bb7cd

#5bb7cd Preview

Shades and Tints of #5bb7cd

Tones of #5bb7cd

Color Blindness Simulator