#5ba2da hex color

In a RGB color space, hex #5ba2da is composed of 35.7% red, 63.5% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 25.7% magenta, 0% yellow and 14.5% black. It has a hue angle of 206.5 degrees, a saturation of 63.2% and a lightness of 60.6%. #5ba2da color hex could be obtained by blending #b6ffff with #0045b5. Closest websafe color is: #6699cc.

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

● #5ba2da color description : Soft blue.

The hexadecimal color #5ba2da has RGB values of R:91, G:162, B:218 and CMYK values of C:0.58, M:0.26, Y:0, K:0.15. Its decimal value is 6005466.

Hex triplet	5ba2da	`#5ba2da`
RGB Decimal	91, 162, 218	`rgb(91,162,218)`
RGB Percent	35.7, 63.5, 85.5	`rgb(35.7%,63.5%,85.5%)`
CMYK	58, 26, 0, 15
HSL	206.5°, 63.2, 60.6	`hsl(206.5,63.2%,60.6%)`
HSV (or HSB)	206.5°, 58.3, 85.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.262, -5.953, -35.167
XYZ	29.887, 33.125, 71.145
xyY	0.223, 0.247, 33.125
CIE-LCH	64.262, 35.668, 260.392
CIE-LUV	64.262, -30.353, -54.779
Hunter-Lab	57.554, -8.029, -33.002
Binary	01011011, 10100010, 11011010

#5ba2da
```
#5ba2da rgb(91,162,218)
```
#da935b
```
#da935b rgb(218,147,91)
```

Complementary Color

#5bdad3
```
#5bdad3 rgb(91,218,211)
```
#5ba2da
```
#5ba2da rgb(91,162,218)
```
#5b63da
```
#5b63da rgb(91,99,218)
```

Analogous Color

#dad35b
```
#dad35b rgb(218,211,91)
```
#5ba2da
```
#5ba2da rgb(91,162,218)
```
#da5b63
```
#da5b63 rgb(218,91,99)
```

Split Complementary Color

#a2da5b
```
#a2da5b rgb(162,218,91)
```
#5ba2da
```
#5ba2da rgb(91,162,218)
```
#da5ba2
```
#da5ba2 rgb(218,91,162)
```

Triadic Color

#5bda93
```
#5bda93 rgb(91,218,147)
```
#5ba2da
```
#5ba2da rgb(91,162,218)
```
#da5ba2
```
#da5ba2 rgb(218,91,162)
```
#da935b
```
#da935b rgb(218,147,91)
```

Tetradic Color

#2b7dbe
```
#2b7dbe rgb(43,125,190)
```
#318ad1
```
#318ad1 rgb(49,138,209)
```
#4696d5
```
#4696d5 rgb(70,150,213)
```
#5ba2da
```
#5ba2da rgb(91,162,218)
```
#70aedf
```
#70aedf rgb(112,174,223)
```
#85bae3
```
#85bae3 rgb(133,186,227)
```
#99c5e8
```
#99c5e8 rgb(153,197,232)
```

Monochromatic Color

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

#5bc2da
```
#5bc2da rgb(91,194,218)
```
#5bb7da
```
#5bb7da rgb(91,183,218)
```
#5badda
```
#5badda rgb(91,173,218)
```
#5ba2da
```
#5ba2da rgb(91,162,218)
```
#5b97da
```
#5b97da rgb(91,151,218)
```
#5b8dda
```
#5b8dda rgb(91,141,218)
```
#5b82da
```
#5b82da rgb(91,130,218)
```

Similar Colors

Text with hexadecimal color #5ba2da

This text has a font color of #5ba2da.

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

#5ba2da background color

This paragraph has a background color of #5ba2da.

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

#5ba2da border color

This element has a border color of #5ba2da.

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

CSS codes

.text {color:#5ba2da;}

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

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

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, #03080c is the darkest color, while #fbfdfe is the lightest one.

#03080c
```
#03080c rgb(3,8,12)
```
#06121c
```
#06121c rgb(6,18,28)
```
#0a1d2c
```
#0a1d2c rgb(10,29,44)
```
#0e283c
```
#0e283c rgb(14,40,60)
```
#11324c
```
#11324c rgb(17,50,76)
```
#153d5c
```
#153d5c rgb(21,61,92)
```
#18476c
```
#18476c rgb(24,71,108)
```
#1c527c
```
#1c527c rgb(28,82,124)
```
#205c8c
```
#205c8c rgb(32,92,140)
```
#23679c
```
#23679c rgb(35,103,156)
```
#2771ac
```
#2771ac rgb(39,113,172)
```
#2a7cbc
```
#2a7cbc rgb(42,124,188)
```
#2e86cc
```
#2e86cc rgb(46,134,204)
```

Shade Color Variation

#3b90d3
```
#3b90d3 rgb(59,144,211)
```
#4b99d6
```
#4b99d6 rgb(75,153,214)
```
#5ba2da
```
#5ba2da rgb(91,162,218)
```
#6babde
```
#6babde rgb(107,171,222)
```
#7bb4e1
```
#7bb4e1 rgb(123,180,225)
```
#8bbde5
```
#8bbde5 rgb(139,189,229)
```
#9bc6e8
```
#9bc6e8 rgb(155,198,232)
```
#abcfec
```
#abcfec rgb(171,207,236)
```
#bbd8f0
```
#bbd8f0 rgb(187,216,240)
```
#cbe2f3
```
#cbe2f3 rgb(203,226,243)
```
#dbebf7
```
#dbebf7 rgb(219,235,247)
```
#ebf4fa
```
#ebf4fa rgb(235,244,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#999b9c
```
#999b9c rgb(153,155,156)
```
#919ca4
```
#919ca4 rgb(145,156,164)
```
#899dac
```
#899dac rgb(137,157,172)
```
#829db3
```
#829db3 rgb(130,157,179)
```
#7a9ebb
```
#7a9ebb rgb(122,158,187)
```
#729fc3
```
#729fc3 rgb(114,159,195)
```
#6aa0cb
```
#6aa0cb rgb(106,160,203)
```
#63a1d2
```
#63a1d2 rgb(99,161,210)
```
#5ba2da
```
#5ba2da rgb(91,162,218)
```
#53a3e2
```
#53a3e2 rgb(83,163,226)
```
#4ca4e9
```
#4ca4e9 rgb(76,164,233)
```
#44a5f1
```
#44a5f1 rgb(68,165,241)
```
#3ca6f9
```
#3ca6f9 rgb(60,166,249)
```

Tone Color Variation

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

Dichromacy

#8f9ed6 Protanopia 1% of men
#879fde Deuteranopia 1% of men
#51adba Tritanopia 0.001% of the population

Trichromacy

#7ca0d7 Protanomaly 1% of men, 0.01% of women
#77a0dd Deuteranomaly 6% of men, 0.4% of women
#54a9c5 Tritanomaly 0.01% of the population

#5ba2da hex color

#5ba2da Color Information

#5ba2da Color Conversion

Color Schemes with #5ba2da

Alternatives to #5ba2da

#5ba2da Preview

Shades and Tints of #5ba2da

Tones of #5ba2da

Color Blindness Simulator