#5ba0ee hex color

In a RGB color space, hex #5ba0ee is composed of 35.7% red, 62.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 32.8% magenta, 0% yellow and 6.7% black. It has a hue angle of 211.8 degrees, a saturation of 81.2% and a lightness of 64.5%. #5ba0ee color hex could be obtained by blending #b6ffff with #0041dd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 63
- B 93
RGB color chart
- C 62
- M 33
- Y 0
- K 7
CMYK color chart

● #5ba0ee color description : Soft blue.

The hexadecimal color #5ba0ee has RGB values of R:91, G:160, B:238 and CMYK values of C:0.62, M:0.33, Y:0, K:0.07. Its decimal value is 6004974.

Hex triplet	5ba0ee	`#5ba0ee`
RGB Decimal	91, 160, 238	`rgb(91,160,238)`
RGB Percent	35.7, 62.7, 93.3	`rgb(35.7%,62.7%,93.3%)`
CMYK	62, 33, 0, 7
HSL	211.8°, 81.2, 64.5	`hsl(211.8,81.2%,64.5%)`
HSV (or HSB)	211.8°, 61.8, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.593, 1.586, -45.673
XYZ	32.314, 33.537, 85.655
xyY	0.213, 0.221, 33.537
CIE-LCH	64.593, 45.7, 271.989
CIE-LUV	64.593, -29.141, -73.387
Hunter-Lab	57.911, -1.741, -47.157
Binary	01011011, 10100000, 11101110

#5ba0ee
```
#5ba0ee rgb(91,160,238)
```
#eea95b
```
#eea95b rgb(238,169,91)
```

Complementary Color

#5beaee
```
#5beaee rgb(91,234,238)
```
#5ba0ee
```
#5ba0ee rgb(91,160,238)
```
#605bee
```
#605bee rgb(96,91,238)
```

Analogous Color

#eaee5b
```
#eaee5b rgb(234,238,91)
```
#5ba0ee
```
#5ba0ee rgb(91,160,238)
```
#ee605b
```
#ee605b rgb(238,96,91)
```

Split Complementary Color

#a0ee5b
```
#a0ee5b rgb(160,238,91)
```
#5ba0ee
```
#5ba0ee rgb(91,160,238)
```
#ee5ba0
```
#ee5ba0 rgb(238,91,160)
```

Triadic Color

#5beea9
```
#5beea9 rgb(91,238,169)
```
#5ba0ee
```
#5ba0ee rgb(91,160,238)
```
#ee5ba0
```
#ee5ba0 rgb(238,91,160)
```
#eea95b
```
#eea95b rgb(238,169,91)
```

Tetradic Color

#1878e5
```
#1878e5 rgb(24,120,229)
```
#2d85e9
```
#2d85e9 rgb(45,133,233)
```
#4493ec
```
#4493ec rgb(68,147,236)
```
#5ba0ee
```
#5ba0ee rgb(91,160,238)
```
#72adf0
```
#72adf0 rgb(114,173,240)
```
#89bbf3
```
#89bbf3 rgb(137,187,243)
```
#a0c8f5
```
#a0c8f5 rgb(160,200,245)
```

Monochromatic Color

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

#5bc5ee
```
#5bc5ee rgb(91,197,238)
```
#5bb9ee
```
#5bb9ee rgb(91,185,238)
```
#5bacee
```
#5bacee rgb(91,172,238)
```
#5ba0ee
```
#5ba0ee rgb(91,160,238)
```
#5b94ee
```
#5b94ee rgb(91,148,238)
```
#5b88ee
```
#5b88ee rgb(91,136,238)
```
#5b7bee
```
#5b7bee rgb(91,123,238)
```

Similar Colors

Text with hexadecimal color #5ba0ee

This text has a font color of #5ba0ee.

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

#5ba0ee background color

This paragraph has a background color of #5ba0ee.

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

#5ba0ee border color

This element has a border color of #5ba0ee.

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

CSS codes

.text {color:#5ba0ee;}

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

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

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, #01070e is the darkest color, while #fbfdff is the lightest one.

#01070e
```
#01070e rgb(1,7,14)
```
#031120
```
#031120 rgb(3,17,32)
```
#051a31
```
#051a31 rgb(5,26,49)
```
#072343
```
#072343 rgb(7,35,67)
```
#092c55
```
#092c55 rgb(9,44,85)
```
#0b3667
```
#0b3667 rgb(11,54,103)
```
#0c3f78
```
#0c3f78 rgb(12,63,120)
```
#0e488a
```
#0e488a rgb(14,72,138)
```
#10529c
```
#10529c rgb(16,82,156)
```
#125bae
```
#125bae rgb(18,91,174)
```
#1464bf
```
#1464bf rgb(20,100,191)
```
#166ed1
```
#166ed1 rgb(22,110,209)
```
#1877e3
```
#1877e3 rgb(24,119,227)
```

Shade Color Variation

#2681e8
```
#2681e8 rgb(38,129,232)
```
#378bea
```
#378bea rgb(55,139,234)
```
#4996ec
```
#4996ec rgb(73,150,236)
```
#5ba0ee
```
#5ba0ee rgb(91,160,238)
```
#6daaf0
```
#6daaf0 rgb(109,170,240)
```
#7fb5f2
```
#7fb5f2 rgb(127,181,242)
```
#90bff4
```
#90bff4 rgb(144,191,244)
```
#a2c9f5
```
#a2c9f5 rgb(162,201,245)
```
#b4d3f7
```
#b4d3f7 rgb(180,211,247)
```
#c6def9
```
#c6def9 rgb(198,222,249)
```
#d7e8fb
```
#d7e8fb rgb(215,232,251)
```
#e9f2fd
```
#e9f2fd rgb(233,242,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#a1a4a8
```
#a1a4a8 rgb(161,164,168)
```
#9aa4af
```
#9aa4af rgb(154,164,175)
```
#93a3b6
```
#93a3b6 rgb(147,163,182)
```
#8ca3bd
```
#8ca3bd rgb(140,163,189)
```
#85a3c4
```
#85a3c4 rgb(133,163,196)
```
#7ea2cb
```
#7ea2cb rgb(126,162,203)
```
#77a2d2
```
#77a2d2 rgb(119,162,210)
```
#70a1d9
```
#70a1d9 rgb(112,161,217)
```
#69a1e0
```
#69a1e0 rgb(105,161,224)
```
#62a0e7
```
#62a0e7 rgb(98,160,231)
```
#5ba0ee
```
#5ba0ee rgb(91,160,238)
```
#54a0f5
```
#54a0f5 rgb(84,160,245)
```
#4d9ffc
```
#4d9ffc rgb(77,159,252)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8996a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#859fea Protanopia 1% of men
#76a1f0 Deuteranopia 1% of men
#42afbc Tritanopia 0.001% of the population

Trichromacy

#769feb Protanomaly 1% of men, 0.01% of women
#6ca1ef Deuteranomaly 6% of men, 0.4% of women
#4ba9ce Tritanomaly 0.01% of the population

#5ba0ee hex color

#5ba0ee Color Information

#5ba0ee Color Conversion

Color Schemes with #5ba0ee

Alternatives to #5ba0ee

#5ba0ee Preview

Shades and Tints of #5ba0ee

Tones of #5ba0ee

Color Blindness Simulator