#5ba5dd hex color

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

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

● #5ba5dd color description : Soft blue.

The hexadecimal color #5ba5dd has RGB values of R:91, G:165, B:221 and CMYK values of C:0.59, M:0.25, Y:0, K:0.13. Its decimal value is 6006237.

Hex triplet	5ba5dd	`#5ba5dd`
RGB Decimal	91, 165, 221	`rgb(91,165,221)`
RGB Percent	35.7, 64.7, 86.7	`rgb(35.7%,64.7%,86.7%)`
CMYK	59, 25, 0, 13
HSL	205.8°, 65.7, 61.2	`hsl(205.8,65.7%,61.2%)`
HSV (or HSB)	205.8°, 58.8, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.242, -6.683, -35.3
XYZ	30.818, 34.353, 73.409
xyY	0.222, 0.248, 34.353
CIE-LCH	65.242, 35.927, 259.28
CIE-LUV	65.242, -31.368, -55.037
Hunter-Lab	58.611, -8.715, -33.232
Binary	01011011, 10100101, 11011101

#5ba5dd
```
#5ba5dd rgb(91,165,221)
```
#dd935b
```
#dd935b rgb(221,147,91)
```

Complementary Color

#5bddd4
```
#5bddd4 rgb(91,221,212)
```
#5ba5dd
```
#5ba5dd rgb(91,165,221)
```
#5b64dd
```
#5b64dd rgb(91,100,221)
```

Analogous Color

#ddd45b
```
#ddd45b rgb(221,212,91)
```
#5ba5dd
```
#5ba5dd rgb(91,165,221)
```
#dd5b64
```
#dd5b64 rgb(221,91,100)
```

Split Complementary Color

#a5dd5b
```
#a5dd5b rgb(165,221,91)
```
#5ba5dd
```
#5ba5dd rgb(91,165,221)
```
#dd5ba5
```
#dd5ba5 rgb(221,91,165)
```

Triadic Color

#5bdd93
```
#5bdd93 rgb(91,221,147)
```
#5ba5dd
```
#5ba5dd rgb(91,165,221)
```
#dd5ba5
```
#dd5ba5 rgb(221,91,165)
```
#dd935b
```
#dd935b rgb(221,147,91)
```

Tetradic Color

#2880c3
```
#2880c3 rgb(40,128,195)
```
#318ed4
```
#318ed4 rgb(49,142,212)
```
#4699d9
```
#4699d9 rgb(70,153,217)
```
#5ba5dd
```
#5ba5dd rgb(91,165,221)
```
#70b1e1
```
#70b1e1 rgb(112,177,225)
```
#85bce6
```
#85bce6 rgb(133,188,230)
```
#9ac8ea
```
#9ac8ea rgb(154,200,234)
```

Monochromatic Color

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

#5bc6dd
```
#5bc6dd rgb(91,198,221)
```
#5bbbdd
```
#5bbbdd rgb(91,187,221)
```
#5bb0dd
```
#5bb0dd rgb(91,176,221)
```
#5ba5dd
```
#5ba5dd rgb(91,165,221)
```
#5b9add
```
#5b9add rgb(91,154,221)
```
#5b8fdd
```
#5b8fdd rgb(91,143,221)
```
#5b85dd
```
#5b85dd rgb(91,133,221)
```

Similar Colors

Text with hexadecimal color #5ba5dd

This text has a font color of #5ba5dd.

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

#5ba5dd background color

This paragraph has a background color of #5ba5dd.

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

#5ba5dd border color

This element has a border color of #5ba5dd.

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

CSS codes

.text {color:#5ba5dd;}

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

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

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

#030a0f
```
#030a0f rgb(3,10,15)
```
#06141f
```
#06141f rgb(6,20,31)
```
#0a1f2f
```
#0a1f2f rgb(10,31,47)
```
#0d2a3f
```
#0d2a3f rgb(13,42,63)
```
#113450
```
#113450 rgb(17,52,80)
```
#143f60
```
#143f60 rgb(20,63,96)
```
#174a70
```
#174a70 rgb(23,74,112)
```
#1b5580
```
#1b5580 rgb(27,85,128)
```
#1e5f91
```
#1e5f91 rgb(30,95,145)
```
#216aa1
```
#216aa1 rgb(33,106,161)
```
#2575b1
```
#2575b1 rgb(37,117,177)
```
#287fc1
```
#287fc1 rgb(40,127,193)
```
#2b8ad2
```
#2b8ad2 rgb(43,138,210)
```

Shade Color Variation

#3b93d6
```
#3b93d6 rgb(59,147,214)
```
#4b9cda
```
#4b9cda rgb(75,156,218)
```
#5ba5dd
```
#5ba5dd rgb(91,165,221)
```
#6baee0
```
#6baee0 rgb(107,174,224)
```
#7bb7e4
```
#7bb7e4 rgb(123,183,228)
```
#8cc0e7
```
#8cc0e7 rgb(140,192,231)
```
#9cc9ea
```
#9cc9ea rgb(156,201,234)
```
#acd2ee
```
#acd2ee rgb(172,210,238)
```
#bcdaf1
```
#bcdaf1 rgb(188,218,241)
```
#cde3f5
```
#cde3f5 rgb(205,227,245)
```
#ddecf8
```
#ddecf8 rgb(221,236,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, #989da0 is the less saturated color, while #3da9fb is the most saturated one.

#989da0
```
#989da0 rgb(152,157,160)
```
#909ea8
```
#909ea8 rgb(144,158,168)
```
#899faf
```
#899faf rgb(137,159,175)
```
#81a0b7
```
#81a0b7 rgb(129,160,183)
```
#79a1bf
```
#79a1bf rgb(121,161,191)
```
#72a2c6
```
#72a2c6 rgb(114,162,198)
```
#6aa3ce
```
#6aa3ce rgb(106,163,206)
```
#63a4d5
```
#63a4d5 rgb(99,164,213)
```
#5ba5dd
```
#5ba5dd rgb(91,165,221)
```
#53a6e5
```
#53a6e5 rgb(83,166,229)
```
#4ca7ec
```
#4ca7ec rgb(76,167,236)
```
#44a8f4
```
#44a8f4 rgb(68,168,244)
```
#3da9fb
```
#3da9fb rgb(61,169,251)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8998a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a1d9 Protanopia 1% of men
#8aa2e1 Deuteranopia 1% of men
#50b0bd Tritanopia 0.001% of the population

Trichromacy

#7da2da Protanomaly 1% of men, 0.01% of women
#78a3e0 Deuteranomaly 6% of men, 0.4% of women
#54acc8 Tritanomaly 0.01% of the population

#5ba5dd hex color

#5ba5dd Color Information

#5ba5dd Color Conversion

Color Schemes with #5ba5dd

Alternatives to #5ba5dd

#5ba5dd Preview

Shades and Tints of #5ba5dd

Tones of #5ba5dd

Color Blindness Simulator