#5ba0fa hex color

In a RGB color space, hex #5ba0fa is composed of 35.7% red, 62.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 36% magenta, 0% yellow and 2% black. It has a hue angle of 214 degrees, a saturation of 94.1% and a lightness of 66.9%. #5ba0fa color hex could be obtained by blending #b6ffff with #0041f5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 63
- B 98
RGB color chart
- C 64
- M 36
- Y 0
- K 2
CMYK color chart

● #5ba0fa color description : Soft blue.

The hexadecimal color #5ba0fa has RGB values of R:91, G:160, B:250 and CMYK values of C:0.64, M:0.36, Y:0, K:0.02. Its decimal value is 6004986.

Hex triplet	5ba0fa	`#5ba0fa`
RGB Decimal	91, 160, 250	`rgb(91,160,250)`
RGB Percent	35.7, 62.7, 98	`rgb(35.7%,62.7%,98%)`
CMYK	64, 36, 0, 2
HSL	214°, 94.1, 66.9	`hsl(214,94.1%,66.9%)`
HSV (or HSB)	214°, 63.6, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.173, 5.528, -51.326
XYZ	34.137, 34.266, 95.252
xyY	0.209, 0.209, 34.266
CIE-LCH	65.173, 51.623, 276.147
CIE-LUV	65.173, -28.884, -83.462
Hunter-Lab	58.537, 1.655, -55.502
Binary	01011011, 10100000, 11111010

#5ba0fa
```
#5ba0fa rgb(91,160,250)
```
#fab55b
```
#fab55b rgb(250,181,91)
```

Complementary Color

#5bf0fa
```
#5bf0fa rgb(91,240,250)
```
#5ba0fa
```
#5ba0fa rgb(91,160,250)
```
#665bfa
```
#665bfa rgb(102,91,250)
```

Analogous Color

#f0fa5b
```
#f0fa5b rgb(240,250,91)
```
#5ba0fa
```
#5ba0fa rgb(91,160,250)
```
#fa665b
```
#fa665b rgb(250,102,91)
```

Split Complementary Color

#a0fa5b
```
#a0fa5b rgb(160,250,91)
```
#5ba0fa
```
#5ba0fa rgb(91,160,250)
```
#fa5ba0
```
#fa5ba0 rgb(250,91,160)
```

Triadic Color

#5bfab5
```
#5bfab5 rgb(91,250,181)
```
#5ba0fa
```
#5ba0fa rgb(91,160,250)
```
#fa5ba0
```
#fa5ba0 rgb(250,91,160)
```
#fab55b
```
#fab55b rgb(250,181,91)
```

Tetradic Color

#1175f8
```
#1175f8 rgb(17,117,248)
```
#2a83f8
```
#2a83f8 rgb(42,131,248)
```
#4292f9
```
#4292f9 rgb(66,146,249)
```
#5ba0fa
```
#5ba0fa rgb(91,160,250)
```
#74aefb
```
#74aefb rgb(116,174,251)
```
#8cbdfc
```
#8cbdfc rgb(140,189,252)
```
#a5cbfc
```
#a5cbfc rgb(165,203,252)
```

Monochromatic Color

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

#5bc8fa
```
#5bc8fa rgb(91,200,250)
```
#5bbbfa
```
#5bbbfa rgb(91,187,250)
```
#5badfa
```
#5badfa rgb(91,173,250)
```
#5ba0fa
```
#5ba0fa rgb(91,160,250)
```
#5b93fa
```
#5b93fa rgb(91,147,250)
```
#5b86fa
```
#5b86fa rgb(91,134,250)
```
#5b78fa
```
#5b78fa rgb(91,120,250)
```

Similar Colors

Text with hexadecimal color #5ba0fa

This text has a font color of #5ba0fa.

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

#5ba0fa background color

This paragraph has a background color of #5ba0fa.

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

#5ba0fa border color

This element has a border color of #5ba0fa.

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

CSS codes

.text {color:#5ba0fa;}

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

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

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, #000307 is the darkest color, while #f3f8ff is the lightest one.

#000307
```
#000307 rgb(0,3,7)
```
#010c1a
```
#010c1a rgb(1,12,26)
```
#01142d
```
#01142d rgb(1,20,45)
```
#021d40
```
#021d40 rgb(2,29,64)
```
#032653
```
#032653 rgb(3,38,83)
```
#032e66
```
#032e66 rgb(3,46,102)
```
#04377a
```
#04377a rgb(4,55,122)
```
#043f8d
```
#043f8d rgb(4,63,141)
```
#0548a0
```
#0548a0 rgb(5,72,160)
```
#0551b3
```
#0551b3 rgb(5,81,179)
```
#0659c6
```
#0659c6 rgb(6,89,198)
```
#0762d9
```
#0762d9 rgb(7,98,217)
```
#076aec
```
#076aec rgb(7,106,236)
```

Shade Color Variation

#0f74f8
```
#0f74f8 rgb(15,116,248)
```
#227ff8
```
#227ff8 rgb(34,127,248)
```
#358af9
```
#358af9 rgb(53,138,249)
```
#4895f9
```
#4895f9 rgb(72,149,249)
```
#5ba0fa
```
#5ba0fa rgb(91,160,250)
```
#6eabfb
```
#6eabfb rgb(110,171,251)
```
#81b6fb
```
#81b6fb rgb(129,182,251)
```
#94c1fc
```
#94c1fc rgb(148,193,252)
```
#a7ccfc
```
#a7ccfc rgb(167,204,252)
```
#bad7fd
```
#bad7fd rgb(186,215,253)
```
#cde2fd
```
#cde2fd rgb(205,226,253)
```
#e0edfe
```
#e0edfe rgb(224,237,254)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a9aaac is the less saturated color, while #5ba0fa is the most saturated one.

#a9aaac
```
#a9aaac rgb(169,170,172)
```
#a3a9b3
```
#a3a9b3 rgb(163,169,179)
```
#9ca9b9
```
#9ca9b9 rgb(156,169,185)
```
#96a8c0
```
#96a8c0 rgb(150,168,192)
```
#8fa7c6
```
#8fa7c6 rgb(143,167,198)
```
#89a6cd
```
#89a6cd rgb(137,166,205)
```
#82a5d3
```
#82a5d3 rgb(130,165,211)
```
#7ca4da
```
#7ca4da rgb(124,164,218)
```
#75a3e0
```
#75a3e0 rgb(117,163,224)
```
#6fa3e7
```
#6fa3e7 rgb(111,163,231)
```
#68a2ed
```
#68a2ed rgb(104,162,237)
```
#62a1f4
```
#62a1f4 rgb(98,161,244)
```
#5ba0fa
```
#5ba0fa rgb(91,160,250)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8a98aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#80a0f6 Protanopia 1% of men
#6ba3fa Deuteranopia 1% of men
#36b1be Tritanopia 0.001% of the population

Trichromacy

#72a0f7 Protanomaly 1% of men, 0.01% of women
#65a2fa Deuteranomaly 6% of men, 0.4% of women
#43abd4 Tritanomaly 0.01% of the population

#5ba0fa hex color

#5ba0fa Color Information

#5ba0fa Color Conversion

Color Schemes with #5ba0fa

Alternatives to #5ba0fa

#5ba0fa Preview

Shades and Tints of #5ba0fa

Tones of #5ba0fa

Color Blindness Simulator