#5ba9eb hex color

In a RGB color space, hex #5ba9eb is composed of 35.7% red, 66.3% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 28.1% magenta, 0% yellow and 7.8% black. It has a hue angle of 207.5 degrees, a saturation of 78.3% and a lightness of 63.9%. #5ba9eb color hex could be obtained by blending #b6ffff with #0053d7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 66
- B 92
RGB color chart
- C 61
- M 28
- Y 0
- K 8
CMYK color chart

● #5ba9eb color description : Soft blue.

The hexadecimal color #5ba9eb has RGB values of R:91, G:169, B:235 and CMYK values of C:0.61, M:0.28, Y:0, K:0.08. Its decimal value is 6007275.

Hex triplet	5ba9eb	`#5ba9eb`
RGB Decimal	91, 169, 235	`rgb(91,169,235)`
RGB Percent	35.7, 66.3, 92.2	`rgb(35.7%,66.3%,92.2%)`
CMYK	61, 28, 0, 8
HSL	207.5°, 78.3, 63.9	`hsl(207.5,78.3%,63.9%)`
HSV (or HSB)	207.5°, 61.3, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.973, -4.474, -40.294
XYZ	33.494, 36.596, 83.891
xyY	0.218, 0.238, 36.596
CIE-LCH	66.973, 40.542, 263.664
CIE-LUV	66.973, -32.403, -63.964
Hunter-Lab	60.495, -7.035, -39.875
Binary	01011011, 10101001, 11101011

#5ba9eb
```
#5ba9eb rgb(91,169,235)
```
#eb9d5b
```
#eb9d5b rgb(235,157,91)
```

Complementary Color

#5bebe5
```
#5bebe5 rgb(91,235,229)
```
#5ba9eb
```
#5ba9eb rgb(91,169,235)
```
#5b61eb
```
#5b61eb rgb(91,97,235)
```

Analogous Color

#ebe55b
```
#ebe55b rgb(235,229,91)
```
#5ba9eb
```
#5ba9eb rgb(91,169,235)
```
#eb5b61
```
#eb5b61 rgb(235,91,97)
```

Split Complementary Color

#a9eb5b
```
#a9eb5b rgb(169,235,91)
```
#5ba9eb
```
#5ba9eb rgb(91,169,235)
```
#eb5ba9
```
#eb5ba9 rgb(235,91,169)
```

Triadic Color

#5beb9d
```
#5beb9d rgb(91,235,157)
```
#5ba9eb
```
#5ba9eb rgb(91,169,235)
```
#eb5ba9
```
#eb5ba9 rgb(235,91,169)
```
#eb9d5b
```
#eb9d5b rgb(235,157,91)
```

Tetradic Color

#1b85de
```
#1b85de rgb(27,133,222)
```
#2e91e5
```
#2e91e5 rgb(46,145,229)
```
#449de8
```
#449de8 rgb(68,157,232)
```
#5ba9eb
```
#5ba9eb rgb(91,169,235)
```
#72b5ee
```
#72b5ee rgb(114,181,238)
```
#88c1f1
```
#88c1f1 rgb(136,193,241)
```
#9fcdf3
```
#9fcdf3 rgb(159,205,243)
```

Monochromatic Color

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

#5bcdeb
```
#5bcdeb rgb(91,205,235)
```
#5bc1eb
```
#5bc1eb rgb(91,193,235)
```
#5bb5eb
```
#5bb5eb rgb(91,181,235)
```
#5ba9eb
```
#5ba9eb rgb(91,169,235)
```
#5b9deb
```
#5b9deb rgb(91,157,235)
```
#5b91eb
```
#5b91eb rgb(91,145,235)
```
#5b85eb
```
#5b85eb rgb(91,133,235)
```

Similar Colors

Text with hexadecimal color #5ba9eb

This text has a font color of #5ba9eb.

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

#5ba9eb background color

This paragraph has a background color of #5ba9eb.

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

#5ba9eb border color

This element has a border color of #5ba9eb.

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

CSS codes

.text {color:#5ba9eb;}

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

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

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, #01060b is the darkest color, while #f8fcfe is the lightest one.

#01060b
```
#01060b rgb(1,6,11)
```
#03111c
```
#03111c rgb(3,17,28)
```
#061b2e
```
#061b2e rgb(6,27,46)
```
#08263f
```
#08263f rgb(8,38,63)
```
#0a3051
```
#0a3051 rgb(10,48,81)
```
#0c3b62
```
#0c3b62 rgb(12,59,98)
```
#0e4574
```
#0e4574 rgb(14,69,116)
```
#105085
```
#105085 rgb(16,80,133)
```
#125a97
```
#125a97 rgb(18,90,151)
```
#1564a8
```
#1564a8 rgb(21,100,168)
```
#176fba
```
#176fba rgb(23,111,186)
```
#1979cb
```
#1979cb rgb(25,121,203)
```
#1b84dd
```
#1b84dd rgb(27,132,221)
```

Shade Color Variation

#278de5
```
#278de5 rgb(39,141,229)
```
#3897e7
```
#3897e7 rgb(56,151,231)
```
#4aa0e9
```
#4aa0e9 rgb(74,160,233)
```
#5ba9eb
```
#5ba9eb rgb(91,169,235)
```
#6cb2ed
```
#6cb2ed rgb(108,178,237)
```
#7ebbef
```
#7ebbef rgb(126,187,239)
```
#8fc5f1
```
#8fc5f1 rgb(143,197,241)
```
#a1cef4
```
#a1cef4 rgb(161,206,244)
```
#b2d7f6
```
#b2d7f6 rgb(178,215,246)
```
#c4e0f8
```
#c4e0f8 rgb(196,224,248)
```
#d5e9fa
```
#d5e9fa rgb(213,233,250)
```
#e7f2fc
```
#e7f2fc rgb(231,242,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#a2a3a4
```
#a2a3a4 rgb(162,163,164)
```
#9ba4ab
```
#9ba4ab rgb(155,164,171)
```
#94a4b2
```
#94a4b2 rgb(148,164,178)
```
#8da5b9
```
#8da5b9 rgb(141,165,185)
```
#85a5c1
```
#85a5c1 rgb(133,165,193)
```
#7ea6c8
```
#7ea6c8 rgb(126,166,200)
```
#77a7cf
```
#77a7cf rgb(119,167,207)
```
#70a7d6
```
#70a7d6 rgb(112,167,214)
```
#69a8dd
```
#69a8dd rgb(105,168,221)
```
#62a8e4
```
#62a8e4 rgb(98,168,228)
```
#5ba9eb
```
#5ba9eb rgb(91,169,235)
```
#54aaf2
```
#54aaf2 rgb(84,170,242)
```
#4daaf9
```
#4daaf9 rgb(77,170,249)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8d9ca9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92a5e6 Protanopia 1% of men
#86a6ee Deuteranopia 1% of men
#49b5c3 Tritanopia 0.001% of the population

Trichromacy

#7ea6e8 Protanomaly 1% of men, 0.01% of women
#76a7ed Deuteranomaly 6% of men, 0.4% of women
#50b1d1 Tritanomaly 0.01% of the population

#5ba9eb hex color

#5ba9eb Color Information

#5ba9eb Color Conversion

Color Schemes with #5ba9eb

Alternatives to #5ba9eb

#5ba9eb Preview

Shades and Tints of #5ba9eb

Tones of #5ba9eb

Color Blindness Simulator