#5ba0e6 hex color

In a RGB color space, hex #5ba0e6 is composed of 35.7% red, 62.7% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 60.4% cyan, 30.4% magenta, 0% yellow and 9.8% black. It has a hue angle of 210.2 degrees, a saturation of 73.5% and a lightness of 62.9%. #5ba0e6 color hex could be obtained by blending #b6ffff with #0041cd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 63
- B 90
RGB color chart
- C 60
- M 30
- Y 0
- K 10
CMYK color chart

● #5ba0e6 color description : Soft blue.

The hexadecimal color #5ba0e6 has RGB values of R:91, G:160, B:230 and CMYK values of C:0.6, M:0.3, Y:0, K:0.1. Its decimal value is 6004966.

Hex triplet	5ba0e6	`#5ba0e6`
RGB Decimal	91, 160, 230	`rgb(91,160,230)`
RGB Percent	35.7, 62.7, 90.2	`rgb(35.7%,62.7%,90.2%)`
CMYK	60, 30, 0, 10
HSL	210.2°, 73.5, 62.9	`hsl(210.2,73.5%,62.9%)`
HSV (or HSB)	210.2°, 60.4, 90.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.223, -1.007, -41.854
XYZ	31.165, 33.077, 79.601
xyY	0.217, 0.23, 33.077
CIE-LCH	64.223, 41.866, 268.622
CIE-LUV	64.223, -29.326, -66.596
Hunter-Lab	57.513, -3.922, -41.802
Binary	01011011, 10100000, 11100110

#5ba0e6
```
#5ba0e6 rgb(91,160,230)
```
#e6a15b
```
#e6a15b rgb(230,161,91)
```

Complementary Color

#5be6e6
```
#5be6e6 rgb(91,230,230)
```
#5ba0e6
```
#5ba0e6 rgb(91,160,230)
```
#5c5be6
```
#5c5be6 rgb(92,91,230)
```

Analogous Color

#e6e65b
```
#e6e65b rgb(230,230,91)
```
#5ba0e6
```
#5ba0e6 rgb(91,160,230)
```
#e65c5b
```
#e65c5b rgb(230,92,91)
```

Split Complementary Color

#a0e65b
```
#a0e65b rgb(160,230,91)
```
#5ba0e6
```
#5ba0e6 rgb(91,160,230)
```
#e65ba0
```
#e65ba0 rgb(230,91,160)
```

Triadic Color

#5be6a1
```
#5be6a1 rgb(91,230,161)
```
#5ba0e6
```
#5ba0e6 rgb(91,160,230)
```
#e65ba0
```
#e65ba0 rgb(230,91,160)
```
#e6a15b
```
#e6a15b rgb(230,161,91)
```

Tetradic Color

#207ad4
```
#207ad4 rgb(32,122,212)
```
#2f86df
```
#2f86df rgb(47,134,223)
```
#4593e3
```
#4593e3 rgb(69,147,227)
```
#5ba0e6
```
#5ba0e6 rgb(91,160,230)
```
#71ade9
```
#71ade9 rgb(113,173,233)
```
#87baed
```
#87baed rgb(135,186,237)
```
#9dc6f0
```
#9dc6f0 rgb(157,198,240)
```

Monochromatic Color

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

#5bc3e6
```
#5bc3e6 rgb(91,195,230)
```
#5bb7e6
```
#5bb7e6 rgb(91,183,230)
```
#5bace6
```
#5bace6 rgb(91,172,230)
```
#5ba0e6
```
#5ba0e6 rgb(91,160,230)
```
#5b94e6
```
#5b94e6 rgb(91,148,230)
```
#5b89e6
```
#5b89e6 rgb(91,137,230)
```
#5b7de6
```
#5b7de6 rgb(91,125,230)
```

Similar Colors

Text with hexadecimal color #5ba0e6

This text has a font color of #5ba0e6.

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

#5ba0e6 background color

This paragraph has a background color of #5ba0e6.

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

#5ba0e6 border color

This element has a border color of #5ba0e6.

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

CSS codes

.text {color:#5ba0e6;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#040d17
```
#040d17 rgb(4,13,23)
```
#061728
```
#061728 rgb(6,23,40)
```
#092139
```
#092139 rgb(9,33,57)
```
#0b2b4a
```
#0b2b4a rgb(11,43,74)
```
#0e345b
```
#0e345b rgb(14,52,91)
```
#113e6c
```
#113e6c rgb(17,62,108)
```
#13487d
```
#13487d rgb(19,72,125)
```
#16528e
```
#16528e rgb(22,82,142)
```
#185b9f
```
#185b9f rgb(24,91,159)
```
#1b65b0
```
#1b65b0 rgb(27,101,176)
```
#1d6fc1
```
#1d6fc1 rgb(29,111,193)
```
#2079d2
```
#2079d2 rgb(32,121,210)
```

Shade Color Variation

#2882de
```
#2882de rgb(40,130,222)
```
#398ce1
```
#398ce1 rgb(57,140,225)
```
#4a96e3
```
#4a96e3 rgb(74,150,227)
```
#5ba0e6
```
#5ba0e6 rgb(91,160,230)
```
#6caae9
```
#6caae9 rgb(108,170,233)
```
#7db4eb
```
#7db4eb rgb(125,180,235)
```
#8ebeee
```
#8ebeee rgb(142,190,238)
```
#9fc7f0
```
#9fc7f0 rgb(159,199,240)
```
#b0d1f3
```
#b0d1f3 rgb(176,209,243)
```
#c1dbf6
```
#c1dbf6 rgb(193,219,246)
```
#d2e5f8
```
#d2e5f8 rgb(210,229,248)
```
#e3effb
```
#e3effb rgb(227,239,251)
```
#f4f9fd
```
#f4f9fd rgb(244,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca0a5 is the less saturated color, while #45a0fc is the most saturated one.

#9ca0a5
```
#9ca0a5 rgb(156,160,165)
```
#95a0ac
```
#95a0ac rgb(149,160,172)
```
#8ea0b3
```
#8ea0b3 rgb(142,160,179)
```
#87a0ba
```
#87a0ba rgb(135,160,186)
```
#7fa0c2
```
#7fa0c2 rgb(127,160,194)
```
#78a0c9
```
#78a0c9 rgb(120,160,201)
```
#71a0d0
```
#71a0d0 rgb(113,160,208)
```
#6aa0d7
```
#6aa0d7 rgb(106,160,215)
```
#62a0df
```
#62a0df rgb(98,160,223)
```
#5ba0e6
```
#5ba0e6 rgb(91,160,230)
```
#54a0ed
```
#54a0ed rgb(84,160,237)
```
#4ca0f5
```
#4ca0f5 rgb(76,160,245)
```
#45a0fc
```
#45a0fc rgb(69,160,252)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8896a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#889ee2 Protanopia 1% of men
#7ca0e9 Deuteranopia 1% of men
#48aeba Tritanopia 0.001% of the population

Trichromacy

#789fe3 Protanomaly 1% of men, 0.01% of women
#70a0e8 Deuteranomaly 6% of men, 0.4% of women
#4fa8ca Tritanomaly 0.01% of the population

#5ba0e6 hex color

#5ba0e6 Color Information

#5ba0e6 Color Conversion

Color Schemes with #5ba0e6

Alternatives to #5ba0e6

#5ba0e6 Preview

Shades and Tints of #5ba0e6

Tones of #5ba0e6

Color Blindness Simulator