#5ba0e4 hex color

In a RGB color space, hex #5ba0e4 is composed of 35.7% red, 62.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 60.1% cyan, 29.8% magenta, 0% yellow and 10.6% black. It has a hue angle of 209.8 degrees, a saturation of 71.7% and a lightness of 62.5%. #5ba0e4 color hex could be obtained by blending #b6ffff with #0041c9. Closest websafe color is: #6699cc.

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

● #5ba0e4 color description : Soft blue.

The hexadecimal color #5ba0e4 has RGB values of R:91, G:160, B:228 and CMYK values of C:0.6, M:0.3, Y:0, K:0.11. Its decimal value is 6004964.

Hex triplet	5ba0e4	`#5ba0e4`
RGB Decimal	91, 160, 228	`rgb(91,160,228)`
RGB Percent	35.7, 62.7, 89.4	`rgb(35.7%,62.7%,89.4%)`
CMYK	60, 30, 0, 11
HSL	209.8°, 71.7, 62.5	`hsl(209.8,71.7%,62.5%)`
HSV (or HSB)	209.8°, 60.1, 89.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.133, -1.65, -40.893
XYZ	30.886, 32.965, 78.13
xyY	0.218, 0.232, 32.965
CIE-LCH	64.133, 40.927, 267.689
CIE-LUV	64.133, -29.374, -64.891
Hunter-Lab	57.415, -4.456, -40.49
Binary	01011011, 10100000, 11100100

#5ba0e4
```
#5ba0e4 rgb(91,160,228)
```
#e49f5b
```
#e49f5b rgb(228,159,91)
```

Complementary Color

#5be4e4
```
#5be4e4 rgb(91,228,228)
```
#5ba0e4
```
#5ba0e4 rgb(91,160,228)
```
#5b5ce4
```
#5b5ce4 rgb(91,92,228)
```

Analogous Color

#e4e45b
```
#e4e45b rgb(228,228,91)
```
#5ba0e4
```
#5ba0e4 rgb(91,160,228)
```
#e45b5c
```
#e45b5c rgb(228,91,92)
```

Split Complementary Color

#a0e45b
```
#a0e45b rgb(160,228,91)
```
#5ba0e4
```
#5ba0e4 rgb(91,160,228)
```
#e45ba0
```
#e45ba0 rgb(228,91,160)
```

Triadic Color

#5be49f
```
#5be49f rgb(91,228,159)
```
#5ba0e4
```
#5ba0e4 rgb(91,160,228)
```
#e45ba0
```
#e45ba0 rgb(228,91,160)
```
#e49f5b
```
#e49f5b rgb(228,159,91)
```

Tetradic Color

#227ad0
```
#227ad0 rgb(34,122,208)
```
#2f87dd
```
#2f87dd rgb(47,135,221)
```
#4593e0
```
#4593e0 rgb(69,147,224)
```
#5ba0e4
```
#5ba0e4 rgb(91,160,228)
```
#71ade8
```
#71ade8 rgb(113,173,232)
```
#87b9eb
```
#87b9eb rgb(135,185,235)
```
#9dc6ef
```
#9dc6ef rgb(157,198,239)
```

Monochromatic Color

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

#5bc2e4
```
#5bc2e4 rgb(91,194,228)
```
#5bb7e4
```
#5bb7e4 rgb(91,183,228)
```
#5babe4
```
#5babe4 rgb(91,171,228)
```
#5ba0e4
```
#5ba0e4 rgb(91,160,228)
```
#5b95e4
```
#5b95e4 rgb(91,149,228)
```
#5b89e4
```
#5b89e4 rgb(91,137,228)
```
#5b7ee4
```
#5b7ee4 rgb(91,126,228)
```

Similar Colors

Text with hexadecimal color #5ba0e4

This text has a font color of #5ba0e4.

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

#5ba0e4 background color

This paragraph has a background color of #5ba0e4.

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

#5ba0e4 border color

This element has a border color of #5ba0e4.

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

CSS codes

.text {color:#5ba0e4;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040c15
```
#040c15 rgb(4,12,21)
```
#061626
```
#061626 rgb(6,22,38)
```
#092037
```
#092037 rgb(9,32,55)
```
#0c2a48
```
#0c2a48 rgb(12,42,72)
```
#0f3459
```
#0f3459 rgb(15,52,89)
```
#113e69
```
#113e69 rgb(17,62,105)
```
#14487a
```
#14487a rgb(20,72,122)
```
#17518b
```
#17518b rgb(23,81,139)
```
#1a5b9c
```
#1a5b9c rgb(26,91,156)
```
#1c65ad
```
#1c65ad rgb(28,101,173)
```
#1f6fbe
```
#1f6fbe rgb(31,111,190)
```
#2279cf
```
#2279cf rgb(34,121,207)
```

Shade Color Variation

#2883dc
```
#2883dc rgb(40,131,220)
```
#398cde
```
#398cde rgb(57,140,222)
```
#4a96e1
```
#4a96e1 rgb(74,150,225)
```
#5ba0e4
```
#5ba0e4 rgb(91,160,228)
```
#6caae7
```
#6caae7 rgb(108,170,231)
```
#7db4ea
```
#7db4ea rgb(125,180,234)
```
#8ebdec
```
#8ebdec rgb(142,189,236)
```
#9ec7ef
```
#9ec7ef rgb(158,199,239)
```
#afd1f2
```
#afd1f2 rgb(175,209,242)
```
#c0dbf5
```
#c0dbf5 rgb(192,219,245)
```
#d1e4f7
```
#d1e4f7 rgb(209,228,247)
```
#e2eefa
```
#e2eefa rgb(226,238,250)
```
#f3f8fd
```
#f3f8fd rgb(243,248,253)
```

Tint Color Variation

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

#9da0a2
```
#9da0a2 rgb(157,160,162)
```
#96a0a9
```
#96a0a9 rgb(150,160,169)
```
#8ea0b1
```
#8ea0b1 rgb(142,160,177)
```
#87a0b8
```
#87a0b8 rgb(135,160,184)
```
#80a0bf
```
#80a0bf rgb(128,160,191)
```
#78a0c7
```
#78a0c7 rgb(120,160,199)
```
#71a0ce
```
#71a0ce rgb(113,160,206)
```
#6aa0d5
```
#6aa0d5 rgb(106,160,213)
```
#62a0dd
```
#62a0dd rgb(98,160,221)
```
#5ba0e4
```
#5ba0e4 rgb(91,160,228)
```
#54a0eb
```
#54a0eb rgb(84,160,235)
```
#4ca0f3
```
#4ca0f3 rgb(76,160,243)
```
#45a0fa
```
#45a0fa rgb(69,160,250)
```

Tone Color Variation

Below, you can see how #5ba0e4 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
#8896a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#899ee0 Protanopia 1% of men
#7d9fe7 Deuteranopia 1% of men
#49adba Tritanopia 0.001% of the population

Trichromacy

#789ee1 Protanomaly 1% of men, 0.01% of women
#719fe6 Deuteranomaly 6% of men, 0.4% of women
#50a8c9 Tritanomaly 0.01% of the population

#5ba0e4 hex color

#5ba0e4 Color Information

#5ba0e4 Color Conversion

Color Schemes with #5ba0e4

Alternatives to #5ba0e4

#5ba0e4 Preview

Shades and Tints of #5ba0e4

Tones of #5ba0e4

Color Blindness Simulator