#5ba0dd hex color

In a RGB color space, hex #5ba0dd is composed of 35.7% red, 62.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 27.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 208.2 degrees, a saturation of 65.7% and a lightness of 61.2%. #5ba0dd color hex could be obtained by blending #b6ffff with #0041bb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 63
- B 87
RGB color chart
- C 59
- M 28
- Y 0
- K 13
CMYK color chart

● #5ba0dd color description : Soft blue.

The hexadecimal color #5ba0dd has RGB values of R:91, G:160, B:221 and CMYK values of C:0.59, M:0.28, Y:0, K:0.13. Its decimal value is 6004957.

Hex triplet	5ba0dd	`#5ba0dd`
RGB Decimal	91, 160, 221	`rgb(91,160,221)`
RGB Percent	35.7, 62.7, 86.7	`rgb(35.7%,62.7%,86.7%)`
CMYK	59, 28, 0, 13
HSL	208.2°, 65.7, 61.2	`hsl(208.2,65.7%,61.2%)`
HSV (or HSB)	208.2°, 58.8, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.823, -3.884, -37.511
XYZ	29.933, 32.584, 73.115
xyY	0.221, 0.24, 32.584
CIE-LCH	63.823, 37.712, 264.088
CIE-LUV	63.823, -29.545, -58.9
Hunter-Lab	57.083, -6.292, -35.984
Binary	01011011, 10100000, 11011101

#5ba0dd
```
#5ba0dd rgb(91,160,221)
```
#dd985b
```
#dd985b rgb(221,152,91)
```

Complementary Color

#5bddd9
```
#5bddd9 rgb(91,221,217)
```
#5ba0dd
```
#5ba0dd rgb(91,160,221)
```
#5b5fdd
```
#5b5fdd rgb(91,95,221)
```

Analogous Color

#ddd95b
```
#ddd95b rgb(221,217,91)
```
#5ba0dd
```
#5ba0dd rgb(91,160,221)
```
#dd5b5f
```
#dd5b5f rgb(221,91,95)
```

Split Complementary Color

#a0dd5b
```
#a0dd5b rgb(160,221,91)
```
#5ba0dd
```
#5ba0dd rgb(91,160,221)
```
#dd5ba0
```
#dd5ba0 rgb(221,91,160)
```

Triadic Color

#5bdd98
```
#5bdd98 rgb(91,221,152)
```
#5ba0dd
```
#5ba0dd rgb(91,160,221)
```
#dd5ba0
```
#dd5ba0 rgb(221,91,160)
```
#dd985b
```
#dd985b rgb(221,152,91)
```

Tetradic Color

#287bc3
```
#287bc3 rgb(40,123,195)
```
#3188d4
```
#3188d4 rgb(49,136,212)
```
#4694d9
```
#4694d9 rgb(70,148,217)
```
#5ba0dd
```
#5ba0dd rgb(91,160,221)
```
#70ace1
```
#70ace1 rgb(112,172,225)
```
#85b8e6
```
#85b8e6 rgb(133,184,230)
```
#9ac5ea
```
#9ac5ea rgb(154,197,234)
```

Monochromatic Color

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

#5bc1dd
```
#5bc1dd rgb(91,193,221)
```
#5bb6dd
```
#5bb6dd rgb(91,182,221)
```
#5babdd
```
#5babdd rgb(91,171,221)
```
#5ba0dd
```
#5ba0dd rgb(91,160,221)
```
#5b95dd
```
#5b95dd rgb(91,149,221)
```
#5b8add
```
#5b8add rgb(91,138,221)
```
#5b80dd
```
#5b80dd rgb(91,128,221)
```

Similar Colors

Text with hexadecimal color #5ba0dd

This text has a font color of #5ba0dd.

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

#5ba0dd background color

This paragraph has a background color of #5ba0dd.

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

#5ba0dd border color

This element has a border color of #5ba0dd.

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

CSS codes

.text {color:#5ba0dd;}

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

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

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, #03090f is the darkest color, while #fdfeff is the lightest one.

#03090f
```
#03090f rgb(3,9,15)
```
#06131f
```
#06131f rgb(6,19,31)
```
#0a1e2f
```
#0a1e2f rgb(10,30,47)
```
#0d283f
```
#0d283f rgb(13,40,63)
```
#113250
```
#113250 rgb(17,50,80)
```
#143c60
```
#143c60 rgb(20,60,96)
```
#174670
```
#174670 rgb(23,70,112)
```
#1b5180
```
#1b5180 rgb(27,81,128)
```
#1e5b91
```
#1e5b91 rgb(30,91,145)
```
#2165a1
```
#2165a1 rgb(33,101,161)
```
#256fb1
```
#256fb1 rgb(37,111,177)
```
#2879c1
```
#2879c1 rgb(40,121,193)
```
#2b84d2
```
#2b84d2 rgb(43,132,210)
```

Shade Color Variation

#3b8dd6
```
#3b8dd6 rgb(59,141,214)
```
#4b97da
```
#4b97da rgb(75,151,218)
```
#5ba0dd
```
#5ba0dd rgb(91,160,221)
```
#6ba9e0
```
#6ba9e0 rgb(107,169,224)
```
#7bb3e4
```
#7bb3e4 rgb(123,179,228)
```
#8cbce7
```
#8cbce7 rgb(140,188,231)
```
#9cc6ea
```
#9cc6ea rgb(156,198,234)
```
#accfee
```
#accfee rgb(172,207,238)
```
#bcd8f1
```
#bcd8f1 rgb(188,216,241)
```
#cde2f5
```
#cde2f5 rgb(205,226,245)
```
#ddebf8
```
#ddebf8 rgb(221,235,248)
```
#edf5fb
```
#edf5fb rgb(237,245,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#989ca0
```
#989ca0 rgb(152,156,160)
```
#909da8
```
#909da8 rgb(144,157,168)
```
#899daf
```
#899daf rgb(137,157,175)
```
#819eb7
```
#819eb7 rgb(129,158,183)
```
#799ebf
```
#799ebf rgb(121,158,191)
```
#729fc6
```
#729fc6 rgb(114,159,198)
```
#6a9fce
```
#6a9fce rgb(106,159,206)
```
#63a0d5
```
#63a0d5 rgb(99,160,213)
```
#5ba0dd
```
#5ba0dd rgb(91,160,221)
```
#53a0e5
```
#53a0e5 rgb(83,160,229)
```
#4ca1ec
```
#4ca1ec rgb(76,161,236)
```
#44a1f4
```
#44a1f4 rgb(68,161,244)
```
#3da2fb
```
#3da2fb rgb(61,162,251)
```

Tone Color Variation

Below, you can see how #5ba0dd 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
#8795a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c9dd9 Protanopia 1% of men
#829ee1 Deuteranopia 1% of men
#4eacb9 Tritanopia 0.001% of the population

Trichromacy

#7a9eda Protanomaly 1% of men, 0.01% of women
#749fdf Deuteranomaly 6% of men, 0.4% of women
#52a7c6 Tritanomaly 0.01% of the population

#5ba0dd hex color

#5ba0dd Color Information

#5ba0dd Color Conversion

Color Schemes with #5ba0dd

Alternatives to #5ba0dd

#5ba0dd Preview

Shades and Tints of #5ba0dd

Tones of #5ba0dd

Color Blindness Simulator