#5ba0d9 hex color

In a RGB color space, hex #5ba0d9 is composed of 35.7% red, 62.7% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 26.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 207.1 degrees, a saturation of 62.4% and a lightness of 60.4%. #5ba0d9 color hex could be obtained by blending #b6ffff with #0041b3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 63
- B 85
RGB color chart
- C 58
- M 26
- Y 0
- K 15
CMYK color chart

● #5ba0d9 color description : Soft blue.

The hexadecimal color #5ba0d9 has RGB values of R:91, G:160, B:217 and CMYK values of C:0.58, M:0.26, Y:0, K:0.15. Its decimal value is 6004953.

Hex triplet	5ba0d9	`#5ba0d9`
RGB Decimal	91, 160, 217	`rgb(91,160,217)`
RGB Percent	35.7, 62.7, 85.1	`rgb(35.7%,62.7%,85.1%)`
CMYK	58, 26, 0, 15
HSL	207.1°, 62.4, 60.4	`hsl(207.1,62.4%,60.4%)`
HSV (or HSB)	207.1°, 58.1, 85.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.65, -5.148, -35.565
XYZ	29.407, 32.374, 70.341
xyY	0.223, 0.245, 32.374
CIE-LCH	63.65, 35.936, 261.763
CIE-LUV	63.65, -29.646, -55.464
Hunter-Lab	56.898, -7.317, -33.47
Binary	01011011, 10100000, 11011001

#5ba0d9
```
#5ba0d9 rgb(91,160,217)
```
#d9945b
```
#d9945b rgb(217,148,91)
```

Complementary Color

#5bd9d3
```
#5bd9d3 rgb(91,217,211)
```
#5ba0d9
```
#5ba0d9 rgb(91,160,217)
```
#5b61d9
```
#5b61d9 rgb(91,97,217)
```

Analogous Color

#d9d35b
```
#d9d35b rgb(217,211,91)
```
#5ba0d9
```
#5ba0d9 rgb(91,160,217)
```
#d95b61
```
#d95b61 rgb(217,91,97)
```

Split Complementary Color

#a0d95b
```
#a0d95b rgb(160,217,91)
```
#5ba0d9
```
#5ba0d9 rgb(91,160,217)
```
#d95ba0
```
#d95ba0 rgb(217,91,160)
```

Triadic Color

#5bd994
```
#5bd994 rgb(91,217,148)
```
#5ba0d9
```
#5ba0d9 rgb(91,160,217)
```
#d95ba0
```
#d95ba0 rgb(217,91,160)
```
#d9945b
```
#d9945b rgb(217,148,91)
```

Tetradic Color

#2c7bbc
```
#2c7bbc rgb(44,123,188)
```
#3288cf
```
#3288cf rgb(50,136,207)
```
#4694d4
```
#4694d4 rgb(70,148,212)
```
#5ba0d9
```
#5ba0d9 rgb(91,160,217)
```
#70acde
```
#70acde rgb(112,172,222)
```
#84b8e3
```
#84b8e3 rgb(132,184,227)
```
#99c4e7
```
#99c4e7 rgb(153,196,231)
```

Monochromatic Color

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

#5bc0d9
```
#5bc0d9 rgb(91,192,217)
```
#5bb5d9
```
#5bb5d9 rgb(91,181,217)
```
#5babd9
```
#5babd9 rgb(91,171,217)
```
#5ba0d9
```
#5ba0d9 rgb(91,160,217)
```
#5b96d9
```
#5b96d9 rgb(91,150,217)
```
#5b8bd9
```
#5b8bd9 rgb(91,139,217)
```
#5b81d9
```
#5b81d9 rgb(91,129,217)
```

Similar Colors

Text with hexadecimal color #5ba0d9

This text has a font color of #5ba0d9.

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

#5ba0d9 background color

This paragraph has a background color of #5ba0d9.

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

#5ba0d9 border color

This element has a border color of #5ba0d9.

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

CSS codes

.text {color:#5ba0d9;}

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

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

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

#03070b
```
#03070b rgb(3,7,11)
```
#06121b
```
#06121b rgb(6,18,27)
```
#0a1c2b
```
#0a1c2b rgb(10,28,43)
```
#0e263b
```
#0e263b rgb(14,38,59)
```
#11314b
```
#11314b rgb(17,49,75)
```
#153b5b
```
#153b5b rgb(21,59,91)
```
#19466b
```
#19466b rgb(25,70,107)
```
#1c507b
```
#1c507b rgb(28,80,123)
```
#205a8b
```
#205a8b rgb(32,90,139)
```
#24659b
```
#24659b rgb(36,101,155)
```
#276faa
```
#276faa rgb(39,111,170)
```
#2b7aba
```
#2b7aba rgb(43,122,186)
```
#2f84ca
```
#2f84ca rgb(47,132,202)
```

Shade Color Variation

#3b8ed2
```
#3b8ed2 rgb(59,142,210)
```
#4b97d5
```
#4b97d5 rgb(75,151,213)
```
#5ba0d9
```
#5ba0d9 rgb(91,160,217)
```
#6ba9dd
```
#6ba9dd rgb(107,169,221)
```
#7bb2e0
```
#7bb2e0 rgb(123,178,224)
```
#8bbce4
```
#8bbce4 rgb(139,188,228)
```
#9bc5e8
```
#9bc5e8 rgb(155,197,232)
```
#abceeb
```
#abceeb rgb(171,206,235)
```
#bbd7ef
```
#bbd7ef rgb(187,215,239)
```
#cae1f3
```
#cae1f3 rgb(202,225,243)
```
#daeaf7
```
#daeaf7 rgb(218,234,247)
```
#eaf3fa
```
#eaf3fa rgb(234,243,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999a9b is the less saturated color, while #3ca3f8 is the most saturated one.

#999a9b
```
#999a9b rgb(153,154,155)
```
#919ba3
```
#919ba3 rgb(145,155,163)
```
#8a9caa
```
#8a9caa rgb(138,156,170)
```
#829cb2
```
#829cb2 rgb(130,156,178)
```
#7a9dba
```
#7a9dba rgb(122,157,186)
```
#729ec2
```
#729ec2 rgb(114,158,194)
```
#6b9fc9
```
#6b9fc9 rgb(107,159,201)
```
#639fd1
```
#639fd1 rgb(99,159,209)
```
#5ba0d9
```
#5ba0d9 rgb(91,160,217)
```
#53a1e1
```
#53a1e1 rgb(83,161,225)
```
#4ba1e9
```
#4ba1e9 rgb(75,161,233)
```
#44a2f0
```
#44a2f0 rgb(68,162,240)
```
#3ca3f8
```
#3ca3f8 rgb(60,163,248)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8795a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d9dd5 Protanopia 1% of men
#859edd Deuteranopia 1% of men
#50abb8 Tritanopia 0.001% of the population

Trichromacy

#7b9ed6 Protanomaly 1% of men, 0.01% of women
#759edb Deuteranomaly 6% of men, 0.4% of women
#54a7c4 Tritanomaly 0.01% of the population

#5ba0d9 hex color

#5ba0d9 Color Information

#5ba0d9 Color Conversion

Color Schemes with #5ba0d9

Alternatives to #5ba0d9

#5ba0d9 Preview

Shades and Tints of #5ba0d9

Tones of #5ba0d9

Color Blindness Simulator