#5bb5df hex color

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

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

● #5bb5df color description : Soft blue.

The hexadecimal color #5bb5df has RGB values of R:91, G:181, B:223 and CMYK values of C:0.59, M:0.19, Y:0, K:0.13. Its decimal value is 6010335.

Hex triplet	5bb5df	`#5bb5df`
RGB Decimal	91, 181, 223	`rgb(91,181,223)`
RGB Percent	35.7, 71, 87.5	`rgb(35.7%,71%,87.5%)`
CMYK	59, 19, 0, 13
HSL	199.1°, 67.3, 61.6	`hsl(199.1,67.3%,61.6%)`
HSV (or HSB)	199.1°, 59.2, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.893, -14.756, -29.199
XYZ	34.154, 40.597, 75.844
xyY	0.227, 0.27, 40.597
CIE-LCH	69.893, 32.716, 243.19
CIE-LUV	69.893, -37.185, -44.228
Hunter-Lab	63.716, -15.82, -25.975
Binary	01011011, 10110101, 11011111

#5bb5df
```
#5bb5df rgb(91,181,223)
```
#df855b
```
#df855b rgb(223,133,91)
```

Complementary Color

#5bdfc7
```
#5bdfc7 rgb(91,223,199)
```
#5bb5df
```
#5bb5df rgb(91,181,223)
```
#5b73df
```
#5b73df rgb(91,115,223)
```

Analogous Color

#dfc75b
```
#dfc75b rgb(223,199,91)
```
#5bb5df
```
#5bb5df rgb(91,181,223)
```
#df5b73
```
#df5b73 rgb(223,91,115)
```

Split Complementary Color

#b5df5b
```
#b5df5b rgb(181,223,91)
```
#5bb5df
```
#5bb5df rgb(91,181,223)
```
#df5bb5
```
#df5bb5 rgb(223,91,181)
```

Triadic Color

#5bdf85
```
#5bdf85 rgb(91,223,133)
```
#5bb5df
```
#5bb5df rgb(91,181,223)
```
#df5bb5
```
#df5bb5 rgb(223,91,181)
```
#df855b
```
#df855b rgb(223,133,91)
```

Tetradic Color

#2794c7
```
#2794c7 rgb(39,148,199)
```
#30a2d7
```
#30a2d7 rgb(48,162,215)
```
#46abdb
```
#46abdb rgb(70,171,219)
```
#5bb5df
```
#5bb5df rgb(91,181,223)
```
#70bfe3
```
#70bfe3 rgb(112,191,227)
```
#86c8e7
```
#86c8e7 rgb(134,200,231)
```
#9bd2eb
```
#9bd2eb rgb(155,210,235)
```

Monochromatic Color

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

#5bd6df
```
#5bd6df rgb(91,214,223)
```
#5bcbdf
```
#5bcbdf rgb(91,203,223)
```
#5bc0df
```
#5bc0df rgb(91,192,223)
```
#5bb5df
```
#5bb5df rgb(91,181,223)
```
#5baadf
```
#5baadf rgb(91,170,223)
```
#5b9fdf
```
#5b9fdf rgb(91,159,223)
```
#5b94df
```
#5b94df rgb(91,148,223)
```

Similar Colors

Text with hexadecimal color #5bb5df

This text has a font color of #5bb5df.

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

#5bb5df background color

This paragraph has a background color of #5bb5df.

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

#5bb5df border color

This element has a border color of #5bb5df.

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

CSS codes

.text {color:#5bb5df;}

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

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

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)
```
#030c11
```
#030c11 rgb(3,12,17)
```
#061921
```
#061921 rgb(6,25,33)
```
#0a2531
```
#0a2531 rgb(10,37,49)
```
#0d3142
```
#0d3142 rgb(13,49,66)
```
#103d52
```
#103d52 rgb(16,61,82)
```
#134963
```
#134963 rgb(19,73,99)
```
#165673
```
#165673 rgb(22,86,115)
```
#1a6283
```
#1a6283 rgb(26,98,131)
```
#1d6e94
```
#1d6e94 rgb(29,110,148)
```
#207aa4
```
#207aa4 rgb(32,122,164)
```
#2386b5
```
#2386b5 rgb(35,134,181)
```
#2693c5
```
#2693c5 rgb(38,147,197)
```

Shade Color Variation

#2a9fd5
```
#2a9fd5 rgb(42,159,213)
```
#3aa6d9
```
#3aa6d9 rgb(58,166,217)
```
#4baedc
```
#4baedc rgb(75,174,220)
```
#5bb5df
```
#5bb5df rgb(91,181,223)
```
#6bbce2
```
#6bbce2 rgb(107,188,226)
```
#7cc4e5
```
#7cc4e5 rgb(124,196,229)
```
#8ccbe9
```
#8ccbe9 rgb(140,203,233)
```
#9dd3ec
```
#9dd3ec rgb(157,211,236)
```
#addaef
```
#addaef rgb(173,218,239)
```
#bde1f2
```
#bde1f2 rgb(189,225,242)
```
#cee9f5
```
#cee9f5 rgb(206,233,245)
```
#def0f9
```
#def0f9 rgb(222,240,249)
```
#eff8fc
```
#eff8fc rgb(239,248,252)
```

Tint Color Variation

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

#979fa3
```
#979fa3 rgb(151,159,163)
```
#90a2aa
```
#90a2aa rgb(144,162,170)
```
#88a5b2
```
#88a5b2 rgb(136,165,178)
```
#81a7b9
```
#81a7b9 rgb(129,167,185)
```
#79aac1
```
#79aac1 rgb(121,170,193)
```
#72adc8
```
#72adc8 rgb(114,173,200)
```
#6ab0d0
```
#6ab0d0 rgb(106,176,208)
```
#63b2d7
```
#63b2d7 rgb(99,178,215)
```
#5bb5df
```
#5bb5df rgb(91,181,223)
```
#53b8e7
```
#53b8e7 rgb(83,184,231)
```
#4cbaee
```
#4cbaee rgb(76,186,238)
```
#44bdf6
```
#44bdf6 rgb(68,189,246)
```
#3dc0fd
```
#3dc0fd rgb(61,192,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#91a3ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3add9 Protanopia 1% of men
#9face5 Deuteranopia 1% of men
#57bcca Tritanopia 0.001% of the population

Trichromacy

#89b0db Protanomaly 1% of men, 0.01% of women
#86afe2 Deuteranomaly 6% of men, 0.4% of women
#58bad2 Tritanomaly 0.01% of the population

#5bb5df hex color

#5bb5df Color Information

#5bb5df Color Conversion

Color Schemes with #5bb5df

Alternatives to #5bb5df

#5bb5df Preview

Shades and Tints of #5bb5df

Tones of #5bb5df

Color Blindness Simulator