#5bbbdf hex color

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

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

● #5bbbdf color description : Soft blue.

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

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

CIE-LAB	71.616, -17.911, -26.551
XYZ	35.401, 43.09, 76.26
xyY	0.229, 0.278, 43.09
CIE-LCH	71.616, 32.027, 235.997
CIE-LUV	71.616, -39.403, -39.493
Hunter-Lab	65.643, -18.612, -22.929
Binary	01011011, 10111011, 11011111

#5bbbdf
```
#5bbbdf rgb(91,187,223)
```
#df7f5b
```
#df7f5b rgb(223,127,91)
```

Complementary Color

#5bdfc1
```
#5bdfc1 rgb(91,223,193)
```
#5bbbdf
```
#5bbbdf rgb(91,187,223)
```
#5b79df
```
#5b79df rgb(91,121,223)
```

Analogous Color

#dfc15b
```
#dfc15b rgb(223,193,91)
```
#5bbbdf
```
#5bbbdf rgb(91,187,223)
```
#df5b79
```
#df5b79 rgb(223,91,121)
```

Split Complementary Color

#bbdf5b
```
#bbdf5b rgb(187,223,91)
```
#5bbbdf
```
#5bbbdf rgb(91,187,223)
```
#df5bbb
```
#df5bbb rgb(223,91,187)
```

Triadic Color

#5bdf7f
```
#5bdf7f rgb(91,223,127)
```
#5bbbdf
```
#5bbbdf rgb(91,187,223)
```
#df5bbb
```
#df5bbb rgb(223,91,187)
```
#df7f5b
```
#df7f5b rgb(223,127,91)
```

Tetradic Color

#279bc7
```
#279bc7 rgb(39,155,199)
```
#30a9d7
```
#30a9d7 rgb(48,169,215)
```
#46b2db
```
#46b2db rgb(70,178,219)
```
#5bbbdf
```
#5bbbdf rgb(91,187,223)
```
#70c4e3
```
#70c4e3 rgb(112,196,227)
```
#86cde7
```
#86cde7 rgb(134,205,231)
```
#9bd6eb
```
#9bd6eb rgb(155,214,235)
```

Monochromatic Color

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

#5bdcdf
```
#5bdcdf rgb(91,220,223)
```
#5bd1df
```
#5bd1df rgb(91,209,223)
```
#5bc6df
```
#5bc6df rgb(91,198,223)
```
#5bbbdf
```
#5bbbdf rgb(91,187,223)
```
#5bb0df
```
#5bb0df rgb(91,176,223)
```
#5ba5df
```
#5ba5df rgb(91,165,223)
```
#5b9adf
```
#5b9adf rgb(91,154,223)
```

Similar Colors

Text with hexadecimal color #5bbbdf

This text has a font color of #5bbbdf.

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

#5bbbdf background color

This paragraph has a background color of #5bbbdf.

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

#5bbbdf border color

This element has a border color of #5bbbdf.

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

CSS codes

.text {color:#5bbbdf;}

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

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

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)
```
#0d3342
```
#0d3342 rgb(13,51,66)
```
#104052
```
#104052 rgb(16,64,82)
```
#134d63
```
#134d63 rgb(19,77,99)
```
#165a73
```
#165a73 rgb(22,90,115)
```
#1a6783
```
#1a6783 rgb(26,103,131)
```
#1d7394
```
#1d7394 rgb(29,115,148)
```
#2080a4
```
#2080a4 rgb(32,128,164)
```
#238db5
```
#238db5 rgb(35,141,181)
```
#269ac5
```
#269ac5 rgb(38,154,197)
```

Shade Color Variation

#2aa7d5
```
#2aa7d5 rgb(42,167,213)
```
#3aadd9
```
#3aadd9 rgb(58,173,217)
```
#4bb4dc
```
#4bb4dc rgb(75,180,220)
```
#5bbbdf
```
#5bbbdf rgb(91,187,223)
```
#6bc2e2
```
#6bc2e2 rgb(107,194,226)
```
#7cc9e5
```
#7cc9e5 rgb(124,201,229)
```
#8ccfe9
```
#8ccfe9 rgb(140,207,233)
```
#9dd6ec
```
#9dd6ec rgb(157,214,236)
```
#adddef
```
#adddef rgb(173,221,239)
```
#bde4f2
```
#bde4f2 rgb(189,228,242)
```
#ceebf5
```
#ceebf5 rgb(206,235,245)
```
#def1f9
```
#def1f9 rgb(222,241,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 #3dc9fd is the most saturated one.

#97a0a3
```
#97a0a3 rgb(151,160,163)
```
#90a3aa
```
#90a3aa rgb(144,163,170)
```
#88a6b2
```
#88a6b2 rgb(136,166,178)
```
#81aab9
```
#81aab9 rgb(129,170,185)
```
#79adc1
```
#79adc1 rgb(121,173,193)
```
#72b1c8
```
#72b1c8 rgb(114,177,200)
```
#6ab4d0
```
#6ab4d0 rgb(106,180,208)
```
#63b8d7
```
#63b8d7 rgb(99,184,215)
```
#5bbbdf
```
#5bbbdf rgb(91,187,223)
```
#53bee7
```
#53bee7 rgb(83,190,231)
```
#4cc2ee
```
#4cc2ee rgb(76,194,238)
```
#44c5f6
```
#44c5f6 rgb(68,197,246)
```
#3dc9fd
```
#3dc9fd rgb(61,201,253)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#94a7ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab1d8 Protanopia 1% of men
#a7b0e5 Deuteranopia 1% of men
#5ac1cf Tritanopia 0.001% of the population

Trichromacy

#8db5da Protanomaly 1% of men, 0.01% of women
#8bb4e3 Deuteranomaly 6% of men, 0.4% of women
#5abfd5 Tritanomaly 0.01% of the population

#5bbbdf hex color

#5bbbdf Color Information

#5bbbdf Color Conversion

Color Schemes with #5bbbdf

Alternatives to #5bbbdf

#5bbbdf Preview

Shades and Tints of #5bbbdf

Tones of #5bbbdf

Color Blindness Simulator