#5b8af9 hex color

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

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

● #5b8af9 color description : Soft blue.

The hexadecimal color #5b8af9 has RGB values of R:91, G:138, B:249 and CMYK values of C:0.63, M:0.45, Y:0, K:0.02. Its decimal value is 5999353.

Hex triplet	5b8af9	`#5b8af9`
RGB Decimal	91, 138, 249	`rgb(91,138,249)`
RGB Percent	35.7, 54.1, 97.6	`rgb(35.7%,54.1%,97.6%)`
CMYK	63, 45, 0, 2
HSL	222.2°, 92.9, 66.7	`hsl(222.2,92.9%,66.7%)`
HSV (or HSB)	222.2°, 63.5, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.195, 18.191, -60.296
XYZ	30.498, 27.239, 93.268
xyY	0.202, 0.18, 27.239
CIE-LCH	59.195, 62.98, 286.788
CIE-LUV	59.195, -21.657, -97.979
Hunter-Lab	52.191, 12.974, -69.421
Binary	01011011, 10001010, 11111001

#5b8af9
```
#5b8af9 rgb(91,138,249)
```
#f9ca5b
```
#f9ca5b rgb(249,202,91)
```

Complementary Color

#5bd9f9
```
#5bd9f9 rgb(91,217,249)
```
#5b8af9
```
#5b8af9 rgb(91,138,249)
```
#7b5bf9
```
#7b5bf9 rgb(123,91,249)
```

Analogous Color

#d9f95b
```
#d9f95b rgb(217,249,91)
```
#5b8af9
```
#5b8af9 rgb(91,138,249)
```
#f97b5b
```
#f97b5b rgb(249,123,91)
```

Split Complementary Color

#8af95b
```
#8af95b rgb(138,249,91)
```
#5b8af9
```
#5b8af9 rgb(91,138,249)
```
#f95b8a
```
#f95b8a rgb(249,91,138)
```

Triadic Color

#5bf9ca
```
#5bf9ca rgb(91,249,202)
```
#5b8af9
```
#5b8af9 rgb(91,138,249)
```
#f95b8a
```
#f95b8a rgb(249,91,138)
```
#f9ca5b
```
#f9ca5b rgb(249,202,91)
```

Tetradic Color

#1155f6
```
#1155f6 rgb(17,85,246)
```
#2a67f7
```
#2a67f7 rgb(42,103,247)
```
#4278f8
```
#4278f8 rgb(66,120,248)
```
#5b8af9
```
#5b8af9 rgb(91,138,249)
```
#749cfa
```
#749cfa rgb(116,156,250)
```
#8cadfb
```
#8cadfb rgb(140,173,251)
```
#a5bffc
```
#a5bffc rgb(165,191,252)
```

Monochromatic Color

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

#5bb2f9
```
#5bb2f9 rgb(91,178,249)
```
#5ba4f9
```
#5ba4f9 rgb(91,164,249)
```
#5b97f9
```
#5b97f9 rgb(91,151,249)
```
#5b8af9
```
#5b8af9 rgb(91,138,249)
```
#5b7df9
```
#5b7df9 rgb(91,125,249)
```
#5b70f9
```
#5b70f9 rgb(91,112,249)
```
#5b63f9
```
#5b63f9 rgb(91,99,249)
```

Similar Colors

Text with hexadecimal color #5b8af9

This text has a font color of #5b8af9.

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

#5b8af9 background color

This paragraph has a background color of #5b8af9.

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

#5b8af9 border color

This element has a border color of #5b8af9.

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

CSS codes

.text {color:#5b8af9;}

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

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

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)
```
#020e2c
```
#020e2c rgb(2,14,44)
```
#02143f
```
#02143f rgb(2,20,63)
```
#031b52
```
#031b52 rgb(3,27,82)
```
#042165
```
#042165 rgb(4,33,101)
```
#042778
```
#042778 rgb(4,39,120)
```
#052d8b
```
#052d8b rgb(5,45,139)
```
#06339e
```
#06339e rgb(6,51,158)
```
#0639b1
```
#0639b1 rgb(6,57,177)
```
#073fc4
```
#073fc4 rgb(7,63,196)
```
#0845d6
```
#0845d6 rgb(8,69,214)
```
#094be9
```
#094be9 rgb(9,75,233)
```

Shade Color Variation

#0f54f6
```
#0f54f6 rgb(15,84,246)
```
#2262f7
```
#2262f7 rgb(34,98,247)
```
#356ff8
```
#356ff8 rgb(53,111,248)
```
#487df8
```
#487df8 rgb(72,125,248)
```
#5b8af9
```
#5b8af9 rgb(91,138,249)
```
#6e98fa
```
#6e98fa rgb(110,152,250)
```
#81a5fa
```
#81a5fa rgb(129,165,250)
```
#94b3fb
```
#94b3fb rgb(148,179,251)
```
#a7c0fc
```
#a7c0fc rgb(167,192,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 #5b8af9 is the most saturated one.

#a9aaab
```
#a9aaab rgb(169,170,171)
```
#a3a7b1
```
#a3a7b1 rgb(163,167,177)
```
#9ca4b8
```
#9ca4b8 rgb(156,164,184)
```
#96a2be
```
#96a2be rgb(150,162,190)
```
#8f9fc5
```
#8f9fc5 rgb(143,159,197)
```
#899dcb
```
#899dcb rgb(137,157,203)
```
#829ad2
```
#829ad2 rgb(130,154,210)
```
#7c97d8
```
#7c97d8 rgb(124,151,216)
```
#7595df
```
#7595df rgb(117,149,223)
```
#6f92e5
```
#6f92e5 rgb(111,146,229)
```
#688fec
```
#688fec rgb(104,143,236)
```
#628df2
```
#628df2 rgb(98,141,242)
```
#5b8af9
```
#5b8af9 rgb(91,138,249)
```

Tone Color Variation

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

#5d90fa Protanopia 1% of men
#3496f6 Deuteranopia 1% of men
#22a2ae Tritanopia 0.001% of the population

Trichromacy

#5c8ef9 Protanomaly 1% of men, 0.01% of women
#4291f7 Deuteranomaly 6% of men, 0.4% of women
#3799c9 Tritanomaly 0.01% of the population

#5b8af9 hex color

#5b8af9 Color Information

#5b8af9 Color Conversion

Color Schemes with #5b8af9

Alternatives to #5b8af9

#5b8af9 Preview

Shades and Tints of #5b8af9

Tones of #5b8af9

Color Blindness Simulator