#5b8bf9 hex color

In a RGB color space, hex #5b8bf9 is composed of 35.7% red, 54.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 44.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 221.8 degrees, a saturation of 92.9% and a lightness of 66.7%. #5b8bf9 color hex could be obtained by blending #b6ffff with #0017f3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 55
- B 98
RGB color chart
- C 63
- M 44
- Y 0
- K 2
CMYK color chart

● #5b8bf9 color description : Soft blue.

The hexadecimal color #5b8bf9 has RGB values of R:91, G:139, B:249 and CMYK values of C:0.63, M:0.44, Y:0, K:0.02. Its decimal value is 5999609.

Hex triplet	5b8bf9	`#5b8bf9`
RGB Decimal	91, 139, 249	`rgb(91,139,249)`
RGB Percent	35.7, 54.5, 97.6	`rgb(35.7%,54.5%,97.6%)`
CMYK	63, 44, 0, 2
HSL	221.8°, 92.9, 66.7	`hsl(221.8,92.9%,66.7%)`
HSV (or HSB)	221.8°, 63.5, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.459, 17.59, -59.873
XYZ	30.642, 27.527, 93.316
xyY	0.202, 0.182, 27.527
CIE-LCH	59.459, 62.403, 286.372
CIE-LUV	59.459, -21.974, -97.325
Hunter-Lab	52.466, 12.435, -68.726
Binary	01011011, 10001011, 11111001

#5b8bf9
```
#5b8bf9 rgb(91,139,249)
```
#f9c95b
```
#f9c95b rgb(249,201,91)
```

Complementary Color

#5bdaf9
```
#5bdaf9 rgb(91,218,249)
```
#5b8bf9
```
#5b8bf9 rgb(91,139,249)
```
#7a5bf9
```
#7a5bf9 rgb(122,91,249)
```

Analogous Color

#daf95b
```
#daf95b rgb(218,249,91)
```
#5b8bf9
```
#5b8bf9 rgb(91,139,249)
```
#f97a5b
```
#f97a5b rgb(249,122,91)
```

Split Complementary Color

#8bf95b
```
#8bf95b rgb(139,249,91)
```
#5b8bf9
```
#5b8bf9 rgb(91,139,249)
```
#f95b8b
```
#f95b8b rgb(249,91,139)
```

Triadic Color

#5bf9c9
```
#5bf9c9 rgb(91,249,201)
```
#5b8bf9
```
#5b8bf9 rgb(91,139,249)
```
#f95b8b
```
#f95b8b rgb(249,91,139)
```
#f9c95b
```
#f9c95b rgb(249,201,91)
```

Tetradic Color

#1157f6
```
#1157f6 rgb(17,87,246)
```
#2a68f7
```
#2a68f7 rgb(42,104,247)
```
#427af8
```
#427af8 rgb(66,122,248)
```
#5b8bf9
```
#5b8bf9 rgb(91,139,249)
```
#749cfa
```
#749cfa rgb(116,156,250)
```
#8caefb
```
#8caefb rgb(140,174,251)
```
#a5bffc
```
#a5bffc rgb(165,191,252)
```

Monochromatic Color

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

#5bb3f9
```
#5bb3f9 rgb(91,179,249)
```
#5ba5f9
```
#5ba5f9 rgb(91,165,249)
```
#5b98f9
```
#5b98f9 rgb(91,152,249)
```
#5b8bf9
```
#5b8bf9 rgb(91,139,249)
```
#5b7ef9
```
#5b7ef9 rgb(91,126,249)
```
#5b71f9
```
#5b71f9 rgb(91,113,249)
```
#5b64f9
```
#5b64f9 rgb(91,100,249)
```

Similar Colors

Text with hexadecimal color #5b8bf9

This text has a font color of #5b8bf9.

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

#5b8bf9 background color

This paragraph has a background color of #5b8bf9.

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

#5b8bf9 border color

This element has a border color of #5b8bf9.

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

CSS codes

.text {color:#5b8bf9;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#010819
```
#010819 rgb(1,8,25)
```
#020f2c
```
#020f2c rgb(2,15,44)
```
#02153f
```
#02153f rgb(2,21,63)
```
#031b52
```
#031b52 rgb(3,27,82)
```
#042165
```
#042165 rgb(4,33,101)
```
#042778
```
#042778 rgb(4,39,120)
```
#052e8b
```
#052e8b rgb(5,46,139)
```
#06349e
```
#06349e rgb(6,52,158)
```
#063ab1
```
#063ab1 rgb(6,58,177)
```
#0740c4
```
#0740c4 rgb(7,64,196)
```
#0847d6
```
#0847d6 rgb(8,71,214)
```
#094de9
```
#094de9 rgb(9,77,233)
```

Shade Color Variation

#0f55f6
```
#0f55f6 rgb(15,85,246)
```
#2263f7
```
#2263f7 rgb(34,99,247)
```
#3570f8
```
#3570f8 rgb(53,112,248)
```
#487ef8
```
#487ef8 rgb(72,126,248)
```
#5b8bf9
```
#5b8bf9 rgb(91,139,249)
```
#6e98fa
```
#6e98fa rgb(110,152,250)
```
#81a6fa
```
#81a6fa rgb(129,166,250)
```
#94b3fb
```
#94b3fb rgb(148,179,251)
```
#a7c1fc
```
#a7c1fc rgb(167,193,252)
```
#bacefc
```
#bacefc rgb(186,206,252)
```
#cddbfd
```
#cddbfd rgb(205,219,253)
```
#dfe9fe
```
#dfe9fe rgb(223,233,254)
```
#f2f6ff
```
#f2f6ff rgb(242,246,255)
```

Tint Color Variation

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

#a9aaab
```
#a9aaab rgb(169,170,171)
```
#a3a7b1
```
#a3a7b1 rgb(163,167,177)
```
#9ca5b8
```
#9ca5b8 rgb(156,165,184)
```
#96a2be
```
#96a2be rgb(150,162,190)
```
#8fa0c5
```
#8fa0c5 rgb(143,160,197)
```
#899dcb
```
#899dcb rgb(137,157,203)
```
#829ad2
```
#829ad2 rgb(130,154,210)
```
#7c98d8
```
#7c98d8 rgb(124,152,216)
```
#7595df
```
#7595df rgb(117,149,223)
```
#6f93e5
```
#6f93e5 rgb(111,147,229)
```
#6890ec
```
#6890ec rgb(104,144,236)
```
#628ef2
```
#628ef2 rgb(98,142,242)
```
#5b8bf9
```
#5b8bf9 rgb(91,139,249)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#80899f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f91f9 Protanopia 1% of men
#3896f6 Deuteranopia 1% of men
#24a2ae Tritanopia 0.001% of the population

Trichromacy

#5e8ff9 Protanomaly 1% of men, 0.01% of women
#4492f7 Deuteranomaly 6% of men, 0.4% of women
#389ac9 Tritanomaly 0.01% of the population

#5b8bf9 hex color

#5b8bf9 Color Information

#5b8bf9 Color Conversion

Color Schemes with #5b8bf9

Alternatives to #5b8bf9

#5b8bf9 Preview

Shades and Tints of #5b8bf9

Tones of #5b8bf9

Color Blindness Simulator