#5bb4ef hex color

In a RGB color space, hex #5bb4ef is composed of 35.7% red, 70.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 24.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 203.9 degrees, a saturation of 82.2% and a lightness of 64.7%. #5bb4ef color hex could be obtained by blending #b6ffff with #0069df. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 71
- B 94
RGB color chart
- C 62
- M 25
- Y 0
- K 6
CMYK color chart

● #5bb4ef color description : Soft blue.

The hexadecimal color #5bb4ef has RGB values of R:91, G:180, B:239 and CMYK values of C:0.62, M:0.25, Y:0, K:0.06. Its decimal value is 6010095.

Hex triplet	5bb4ef	`#5bb4ef`
RGB Decimal	91, 180, 239	`rgb(91,180,239)`
RGB Percent	35.7, 70.6, 93.7	`rgb(35.7%,70.6%,93.7%)`
CMYK	62, 25, 0, 6
HSL	203.9°, 82.2, 64.7	`hsl(203.9,82.2%,64.7%)`
HSV (or HSB)	203.9°, 61.9, 93.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.243, -9.266, -37.375
XYZ	36.212, 41.096, 87.681
xyY	0.219, 0.249, 41.096
CIE-LCH	70.243, 38.507, 256.076
CIE-LUV	70.243, -36.213, -58.825
Hunter-Lab	64.106, -11.356, -36.219
Binary	01011011, 10110100, 11101111

#5bb4ef
```
#5bb4ef rgb(91,180,239)
```
#ef965b
```
#ef965b rgb(239,150,91)
```

Complementary Color

#5befe0
```
#5befe0 rgb(91,239,224)
```
#5bb4ef
```
#5bb4ef rgb(91,180,239)
```
#5b6aef
```
#5b6aef rgb(91,106,239)
```

Analogous Color

#efe05b
```
#efe05b rgb(239,224,91)
```
#5bb4ef
```
#5bb4ef rgb(91,180,239)
```
#ef5b6a
```
#ef5b6a rgb(239,91,106)
```

Split Complementary Color

#b4ef5b
```
#b4ef5b rgb(180,239,91)
```
#5bb4ef
```
#5bb4ef rgb(91,180,239)
```
#ef5bb4
```
#ef5bb4 rgb(239,91,180)
```

Triadic Color

#5bef96
```
#5bef96 rgb(91,239,150)
```
#5bb4ef
```
#5bb4ef rgb(91,180,239)
```
#ef5bb4
```
#ef5bb4 rgb(239,91,180)
```
#ef965b
```
#ef965b rgb(239,150,91)
```

Tetradic Color

#1794e7
```
#1794e7 rgb(23,148,231)
```
#2d9fea
```
#2d9fea rgb(45,159,234)
```
#44a9ed
```
#44a9ed rgb(68,169,237)
```
#5bb4ef
```
#5bb4ef rgb(91,180,239)
```
#72bff1
```
#72bff1 rgb(114,191,241)
```
#89c9f4
```
#89c9f4 rgb(137,201,244)
```
#a1d4f6
```
#a1d4f6 rgb(161,212,246)
```

Monochromatic Color

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

#5bd9ef
```
#5bd9ef rgb(91,217,239)
```
#5bcdef
```
#5bcdef rgb(91,205,239)
```
#5bc0ef
```
#5bc0ef rgb(91,192,239)
```
#5bb4ef
```
#5bb4ef rgb(91,180,239)
```
#5ba8ef
```
#5ba8ef rgb(91,168,239)
```
#5b9bef
```
#5b9bef rgb(91,155,239)
```
#5b8fef
```
#5b8fef rgb(91,143,239)
```

Similar Colors

Text with hexadecimal color #5bb4ef

This text has a font color of #5bb4ef.

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

#5bb4ef background color

This paragraph has a background color of #5bb4ef.

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

#5bb4ef border color

This element has a border color of #5bb4ef.

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

CSS codes

.text {color:#5bb4ef;}

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

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

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, #01090f is the darkest color, while #fcfeff is the lightest one.

#01090f
```
#01090f rgb(1,9,15)
```
#031521
```
#031521 rgb(3,21,33)
```
#052032
```
#052032 rgb(5,32,50)
```
#072c44
```
#072c44 rgb(7,44,68)
```
#083756
```
#083756 rgb(8,55,86)
```
#0a4368
```
#0a4368 rgb(10,67,104)
```
#0c4e7a
```
#0c4e7a rgb(12,78,122)
```
#0e5a8c
```
#0e5a8c rgb(14,90,140)
```
#0f659e
```
#0f659e rgb(15,101,158)
```
#1170b0
```
#1170b0 rgb(17,112,176)
```
#137cc1
```
#137cc1 rgb(19,124,193)
```
#1587d3
```
#1587d3 rgb(21,135,211)
```
#1693e5
```
#1693e5 rgb(22,147,229)
```

Shade Color Variation

#259bea
```
#259bea rgb(37,155,234)
```
#37a4ec
```
#37a4ec rgb(55,164,236)
```
#49aced
```
#49aced rgb(73,172,237)
```
#5bb4ef
```
#5bb4ef rgb(91,180,239)
```
#6dbcf1
```
#6dbcf1 rgb(109,188,241)
```
#7fc4f2
```
#7fc4f2 rgb(127,196,242)
```
#91cdf4
```
#91cdf4 rgb(145,205,244)
```
#a2d5f6
```
#a2d5f6 rgb(162,213,246)
```
#b4ddf8
```
#b4ddf8 rgb(180,221,248)
```
#c6e5f9
```
#c6e5f9 rgb(198,229,249)
```
#d8edfb
```
#d8edfb rgb(216,237,251)
```
#eaf5fd
```
#eaf5fd rgb(234,245,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a0a6aa is the less saturated color, while #4db7fd is the most saturated one.

#a0a6aa
```
#a0a6aa rgb(160,166,170)
```
#99a7b1
```
#99a7b1 rgb(153,167,177)
```
#92a9b8
```
#92a9b8 rgb(146,169,184)
```
#8baabf
```
#8baabf rgb(139,170,191)
```
#85acc5
```
#85acc5 rgb(133,172,197)
```
#7eadcc
```
#7eadcc rgb(126,173,204)
```
#77aed3
```
#77aed3 rgb(119,174,211)
```
#70b0da
```
#70b0da rgb(112,176,218)
```
#69b1e1
```
#69b1e1 rgb(105,177,225)
```
#62b3e8
```
#62b3e8 rgb(98,179,232)
```
#5bb4ef
```
#5bb4ef rgb(91,180,239)
```
#54b5f6
```
#54b5f6 rgb(84,181,246)
```
#4db7fd
```
#4db7fd rgb(77,183,253)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#92a4b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9dade8 Protanopia 1% of men
#94aef3 Deuteranopia 1% of men
#4dbecc Tritanopia 0.001% of the population

Trichromacy

#85b0eb Protanomaly 1% of men, 0.01% of women
#7fb0f1 Deuteranomaly 6% of men, 0.4% of women
#52bad9 Tritanomaly 0.01% of the population

#5bb4ef hex color

#5bb4ef Color Information

#5bb4ef Color Conversion

Color Schemes with #5bb4ef

Alternatives to #5bb4ef

#5bb4ef Preview

Shades and Tints of #5bb4ef

Tones of #5bb4ef

Color Blindness Simulator