#5ba3dd hex color

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

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

● #5ba3dd color description : Soft blue.

The hexadecimal color #5ba3dd has RGB values of R:91, G:163, B:221 and CMYK values of C:0.59, M:0.26, Y:0, K:0.13. Its decimal value is 6005725.

Hex triplet	5ba3dd	`#5ba3dd`
RGB Decimal	91, 163, 221	`rgb(91,163,221)`
RGB Percent	35.7, 63.9, 86.7	`rgb(35.7%,63.9%,86.7%)`
CMYK	59, 26, 0, 13
HSL	206.8°, 65.7, 61.2	`hsl(206.8,65.7%,61.2%)`
HSV (or HSB)	206.8°, 58.8, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.673, -5.568, -36.185
XYZ	30.46, 33.637, 73.29
xyY	0.222, 0.245, 33.637
CIE-LCH	64.673, 36.611, 261.252
CIE-LUV	64.673, -30.637, -56.586
Hunter-Lab	57.997, -7.749, -34.325
Binary	01011011, 10100011, 11011101

#5ba3dd
```
#5ba3dd rgb(91,163,221)
```
#dd955b
```
#dd955b rgb(221,149,91)
```

Complementary Color

#5bddd6
```
#5bddd6 rgb(91,221,214)
```
#5ba3dd
```
#5ba3dd rgb(91,163,221)
```
#5b62dd
```
#5b62dd rgb(91,98,221)
```

Analogous Color

#ddd65b
```
#ddd65b rgb(221,214,91)
```
#5ba3dd
```
#5ba3dd rgb(91,163,221)
```
#dd5b62
```
#dd5b62 rgb(221,91,98)
```

Split Complementary Color

#a3dd5b
```
#a3dd5b rgb(163,221,91)
```
#5ba3dd
```
#5ba3dd rgb(91,163,221)
```
#dd5ba3
```
#dd5ba3 rgb(221,91,163)
```

Triadic Color

#5bdd95
```
#5bdd95 rgb(91,221,149)
```
#5ba3dd
```
#5ba3dd rgb(91,163,221)
```
#dd5ba3
```
#dd5ba3 rgb(221,91,163)
```
#dd955b
```
#dd955b rgb(221,149,91)
```

Tetradic Color

#287ec3
```
#287ec3 rgb(40,126,195)
```
#318bd4
```
#318bd4 rgb(49,139,212)
```
#4697d9
```
#4697d9 rgb(70,151,217)
```
#5ba3dd
```
#5ba3dd rgb(91,163,221)
```
#70afe1
```
#70afe1 rgb(112,175,225)
```
#85bbe6
```
#85bbe6 rgb(133,187,230)
```
#9ac7ea
```
#9ac7ea rgb(154,199,234)
```

Monochromatic Color

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

#5bc4dd
```
#5bc4dd rgb(91,196,221)
```
#5bb9dd
```
#5bb9dd rgb(91,185,221)
```
#5baedd
```
#5baedd rgb(91,174,221)
```
#5ba3dd
```
#5ba3dd rgb(91,163,221)
```
#5b98dd
```
#5b98dd rgb(91,152,221)
```
#5b8ddd
```
#5b8ddd rgb(91,141,221)
```
#5b83dd
```
#5b83dd rgb(91,131,221)
```

Similar Colors

Text with hexadecimal color #5ba3dd

This text has a font color of #5ba3dd.

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

#5ba3dd background color

This paragraph has a background color of #5ba3dd.

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

#5ba3dd border color

This element has a border color of #5ba3dd.

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

CSS codes

.text {color:#5ba3dd;}

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

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

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)
```
#0d293f
```
#0d293f rgb(13,41,63)
```
#113450
```
#113450 rgb(17,52,80)
```
#143e60
```
#143e60 rgb(20,62,96)
```
#174970
```
#174970 rgb(23,73,112)
```
#1b5380
```
#1b5380 rgb(27,83,128)
```
#1e5e91
```
#1e5e91 rgb(30,94,145)
```
#2168a1
```
#2168a1 rgb(33,104,161)
```
#2573b1
```
#2573b1 rgb(37,115,177)
```
#287dc1
```
#287dc1 rgb(40,125,193)
```
#2b88d2
```
#2b88d2 rgb(43,136,210)
```

Shade Color Variation

#3b91d6
```
#3b91d6 rgb(59,145,214)
```
#4b9ada
```
#4b9ada rgb(75,154,218)
```
#5ba3dd
```
#5ba3dd rgb(91,163,221)
```
#6bace0
```
#6bace0 rgb(107,172,224)
```
#7bb5e4
```
#7bb5e4 rgb(123,181,228)
```
#8cbee7
```
#8cbee7 rgb(140,190,231)
```
#9cc7ea
```
#9cc7ea rgb(156,199,234)
```
#acd1ee
```
#acd1ee rgb(172,209,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, #989ca0 is the less saturated color, while #3da6fb is the most saturated one.

#989ca0
```
#989ca0 rgb(152,156,160)
```
#909da8
```
#909da8 rgb(144,157,168)
```
#899eaf
```
#899eaf rgb(137,158,175)
```
#819fb7
```
#819fb7 rgb(129,159,183)
```
#79a0bf
```
#79a0bf rgb(121,160,191)
```
#72a1c6
```
#72a1c6 rgb(114,161,198)
```
#6aa1ce
```
#6aa1ce rgb(106,161,206)
```
#63a2d5
```
#63a2d5 rgb(99,162,213)
```
#5ba3dd
```
#5ba3dd rgb(91,163,221)
```
#53a4e5
```
#53a4e5 rgb(83,164,229)
```
#4ca5ec
```
#4ca5ec rgb(76,165,236)
```
#44a5f4
```
#44a5f4 rgb(68,165,244)
```
#3da6fb
```
#3da6fb rgb(61,166,251)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8997a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f9fd9 Protanopia 1% of men
#87a0e1 Deuteranopia 1% of men
#4faebb Tritanopia 0.001% of the population

Trichromacy

#7ca1da Protanomaly 1% of men, 0.01% of women
#77a1df Deuteranomaly 6% of men, 0.4% of women
#53aac7 Tritanomaly 0.01% of the population

#5ba3dd hex color

#5ba3dd Color Information

#5ba3dd Color Conversion

Color Schemes with #5ba3dd

Alternatives to #5ba3dd

#5ba3dd Preview

Shades and Tints of #5ba3dd

Tones of #5ba3dd

Color Blindness Simulator