#5bbcdf hex color

In a RGB color space, hex #5bbcdf is composed of 35.7% red, 73.7% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 15.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 195.9 degrees, a saturation of 67.3% and a lightness of 61.6%. #5bbcdf color hex could be obtained by blending #b6ffff with #0079bf. Closest websafe color is: #66cccc.

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

● #5bbcdf color description : Soft blue.

The hexadecimal color #5bbcdf has RGB values of R:91, G:188, B:223 and CMYK values of C:0.59, M:0.16, Y:0, K:0.13. Its decimal value is 6012127.

Hex triplet	5bbcdf	`#5bbcdf`
RGB Decimal	91, 188, 223	`rgb(91,188,223)`
RGB Percent	35.7, 73.7, 87.5	`rgb(35.7%,73.7%,87.5%)`
CMYK	59, 16, 0, 13
HSL	195.9°, 67.3, 61.6	`hsl(195.9,67.3%,61.6%)`
HSV (or HSB)	195.9°, 59.2, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.904, -18.431, -26.11
XYZ	35.613, 43.516, 76.331
xyY	0.229, 0.28, 43.516
CIE-LCH	71.904, 31.96, 234.782
CIE-LUV	71.904, -39.773, -38.703
Hunter-Lab	65.966, -19.074, -22.429
Binary	01011011, 10111100, 11011111

#5bbcdf
```
#5bbcdf rgb(91,188,223)
```
#df7e5b
```
#df7e5b rgb(223,126,91)
```

Complementary Color

#5bdfc0
```
#5bdfc0 rgb(91,223,192)
```
#5bbcdf
```
#5bbcdf rgb(91,188,223)
```
#5b7adf
```
#5b7adf rgb(91,122,223)
```

Analogous Color

#dfc05b
```
#dfc05b rgb(223,192,91)
```
#5bbcdf
```
#5bbcdf rgb(91,188,223)
```
#df5b7a
```
#df5b7a rgb(223,91,122)
```

Split Complementary Color

#bcdf5b
```
#bcdf5b rgb(188,223,91)
```
#5bbcdf
```
#5bbcdf rgb(91,188,223)
```
#df5bbc
```
#df5bbc rgb(223,91,188)
```

Triadic Color

#5bdf7e
```
#5bdf7e rgb(91,223,126)
```
#5bbcdf
```
#5bbcdf rgb(91,188,223)
```
#df5bbc
```
#df5bbc rgb(223,91,188)
```
#df7e5b
```
#df7e5b rgb(223,126,91)
```

Tetradic Color

#279cc7
```
#279cc7 rgb(39,156,199)
```
#30abd7
```
#30abd7 rgb(48,171,215)
```
#46b3db
```
#46b3db rgb(70,179,219)
```
#5bbcdf
```
#5bbcdf rgb(91,188,223)
```
#70c5e3
```
#70c5e3 rgb(112,197,227)
```
#86cde7
```
#86cde7 rgb(134,205,231)
```
#9bd6eb
```
#9bd6eb rgb(155,214,235)
```

Monochromatic Color

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

#5bdddf
```
#5bdddf rgb(91,221,223)
```
#5bd2df
```
#5bd2df rgb(91,210,223)
```
#5bc7df
```
#5bc7df rgb(91,199,223)
```
#5bbcdf
```
#5bbcdf rgb(91,188,223)
```
#5bb1df
```
#5bb1df rgb(91,177,223)
```
#5ba6df
```
#5ba6df rgb(91,166,223)
```
#5b9bdf
```
#5b9bdf rgb(91,155,223)
```

Similar Colors

Text with hexadecimal color #5bbcdf

This text has a font color of #5bbcdf.

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

#5bbcdf background color

This paragraph has a background color of #5bbcdf.

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

#5bbcdf border color

This element has a border color of #5bbcdf.

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

CSS codes

.text {color:#5bbcdf;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030d11
```
#030d11 rgb(3,13,17)
```
#061a21
```
#061a21 rgb(6,26,33)
```
#0a2731
```
#0a2731 rgb(10,39,49)
```
#0d3442
```
#0d3442 rgb(13,52,66)
```
#104152
```
#104152 rgb(16,65,82)
```
#134e63
```
#134e63 rgb(19,78,99)
```
#165a73
```
#165a73 rgb(22,90,115)
```
#1a6783
```
#1a6783 rgb(26,103,131)
```
#1d7494
```
#1d7494 rgb(29,116,148)
```
#2081a4
```
#2081a4 rgb(32,129,164)
```
#238eb5
```
#238eb5 rgb(35,142,181)
```
#269bc5
```
#269bc5 rgb(38,155,197)
```

Shade Color Variation

#2aa8d5
```
#2aa8d5 rgb(42,168,213)
```
#3aafd9
```
#3aafd9 rgb(58,175,217)
```
#4bb5dc
```
#4bb5dc rgb(75,181,220)
```
#5bbcdf
```
#5bbcdf rgb(91,188,223)
```
#6bc3e2
```
#6bc3e2 rgb(107,195,226)
```
#7cc9e5
```
#7cc9e5 rgb(124,201,229)
```
#8cd0e9
```
#8cd0e9 rgb(140,208,233)
```
#9dd7ec
```
#9dd7ec rgb(157,215,236)
```
#addeef
```
#addeef rgb(173,222,239)
```
#bde4f2
```
#bde4f2 rgb(189,228,242)
```
#ceebf5
```
#ceebf5 rgb(206,235,245)
```
#def2f9
```
#def2f9 rgb(222,242,249)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```

Tint Color Variation

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

#97a0a3
```
#97a0a3 rgb(151,160,163)
```
#90a3aa
```
#90a3aa rgb(144,163,170)
```
#88a7b2
```
#88a7b2 rgb(136,167,178)
```
#81aab9
```
#81aab9 rgb(129,170,185)
```
#79aec1
```
#79aec1 rgb(121,174,193)
```
#72b1c8
```
#72b1c8 rgb(114,177,200)
```
#6ab5d0
```
#6ab5d0 rgb(106,181,208)
```
#63b8d7
```
#63b8d7 rgb(99,184,215)
```
#5bbcdf
```
#5bbcdf rgb(91,188,223)
```
#53c0e7
```
#53c0e7 rgb(83,192,231)
```
#4cc3ee
```
#4cc3ee rgb(76,195,238)
```
#44c7f6
```
#44c7f6 rgb(68,199,246)
```
#3dcafd
```
#3dcafd rgb(61,202,253)
```

Tone Color Variation

Below, you can see how #5bbcdf 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
#95a8af Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb2d8 Protanopia 1% of men
#a8b1e5 Deuteranopia 1% of men
#5ac2d0 Tritanopia 0.001% of the population

Trichromacy

#8eb6da Protanomaly 1% of men, 0.01% of women
#8cb5e3 Deuteranomaly 6% of men, 0.4% of women
#5ac0d5 Tritanomaly 0.01% of the population

#5bbcdf hex color

#5bbcdf Color Information

#5bbcdf Color Conversion

Color Schemes with #5bbcdf

Alternatives to #5bbcdf

#5bbcdf Preview

Shades and Tints of #5bbcdf

Tones of #5bbcdf

Color Blindness Simulator