#5ba2fa hex color

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

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

● #5ba2fa color description : Soft blue.

The hexadecimal color #5ba2fa has RGB values of R:91, G:162, B:250 and CMYK values of C:0.64, M:0.35, Y:0, K:0.02. Its decimal value is 6005498.

Hex triplet	5ba2fa	`#5ba2fa`
RGB Decimal	91, 162, 250	`rgb(91,162,250)`
RGB Percent	35.7, 63.5, 98	`rgb(35.7%,63.5%,98%)`
CMYK	64, 35, 0, 2
HSL	213.2°, 94.1, 66.9	`hsl(213.2,94.1%,66.9%)`
HSV (or HSB)	213.2°, 63.6, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.721, 4.373, -50.459
XYZ	34.486, 34.965, 95.369
xyY	0.209, 0.212, 34.965
CIE-LCH	65.721, 50.648, 274.954
CIE-LUV	65.721, -29.565, -81.985
Hunter-Lab	59.131, 0.625, -54.234
Binary	01011011, 10100010, 11111010

#5ba2fa
```
#5ba2fa rgb(91,162,250)
```
#fab35b
```
#fab35b rgb(250,179,91)
```

Complementary Color

#5bf2fa
```
#5bf2fa rgb(91,242,250)
```
#5ba2fa
```
#5ba2fa rgb(91,162,250)
```
#635bfa
```
#635bfa rgb(99,91,250)
```

Analogous Color

#f2fa5b
```
#f2fa5b rgb(242,250,91)
```
#5ba2fa
```
#5ba2fa rgb(91,162,250)
```
#fa635b
```
#fa635b rgb(250,99,91)
```

Split Complementary Color

#a2fa5b
```
#a2fa5b rgb(162,250,91)
```
#5ba2fa
```
#5ba2fa rgb(91,162,250)
```
#fa5ba2
```
#fa5ba2 rgb(250,91,162)
```

Triadic Color

#5bfab3
```
#5bfab3 rgb(91,250,179)
```
#5ba2fa
```
#5ba2fa rgb(91,162,250)
```
#fa5ba2
```
#fa5ba2 rgb(250,91,162)
```
#fab35b
```
#fab35b rgb(250,179,91)
```

Tetradic Color

#1178f8
```
#1178f8 rgb(17,120,248)
```
#2a86f8
```
#2a86f8 rgb(42,134,248)
```
#4294f9
```
#4294f9 rgb(66,148,249)
```
#5ba2fa
```
#5ba2fa rgb(91,162,250)
```
#74b0fb
```
#74b0fb rgb(116,176,251)
```
#8cbefc
```
#8cbefc rgb(140,190,252)
```
#a5ccfc
```
#a5ccfc rgb(165,204,252)
```

Monochromatic Color

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

#5bcafa
```
#5bcafa rgb(91,202,250)
```
#5bbdfa
```
#5bbdfa rgb(91,189,250)
```
#5baffa
```
#5baffa rgb(91,175,250)
```
#5ba2fa
```
#5ba2fa rgb(91,162,250)
```
#5b95fa
```
#5b95fa rgb(91,149,250)
```
#5b88fa
```
#5b88fa rgb(91,136,250)
```
#5b7afa
```
#5b7afa rgb(91,122,250)
```

Similar Colors

Text with hexadecimal color #5ba2fa

This text has a font color of #5ba2fa.

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

#5ba2fa background color

This paragraph has a background color of #5ba2fa.

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

#5ba2fa border color

This element has a border color of #5ba2fa.

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

CSS codes

.text {color:#5ba2fa;}

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

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

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)
```
#01152d
```
#01152d rgb(1,21,45)
```
#021e40
```
#021e40 rgb(2,30,64)
```
#032753
```
#032753 rgb(3,39,83)
```
#032f66
```
#032f66 rgb(3,47,102)
```
#04387a
```
#04387a rgb(4,56,122)
```
#04418d
```
#04418d rgb(4,65,141)
```
#054aa0
```
#054aa0 rgb(5,74,160)
```
#0553b3
```
#0553b3 rgb(5,83,179)
```
#065cc6
```
#065cc6 rgb(6,92,198)
```
#0764d9
```
#0764d9 rgb(7,100,217)
```
#076dec
```
#076dec rgb(7,109,236)
```

Shade Color Variation

#0f77f8
```
#0f77f8 rgb(15,119,248)
```
#2282f8
```
#2282f8 rgb(34,130,248)
```
#358cf9
```
#358cf9 rgb(53,140,249)
```
#4897f9
```
#4897f9 rgb(72,151,249)
```
#5ba2fa
```
#5ba2fa rgb(91,162,250)
```
#6eadfb
```
#6eadfb rgb(110,173,251)
```
#81b8fb
```
#81b8fb rgb(129,184,251)
```
#94c2fc
```
#94c2fc rgb(148,194,252)
```
#a7cdfc
```
#a7cdfc rgb(167,205,252)
```
#bad8fd
```
#bad8fd rgb(186,216,253)
```
#cde3fd
```
#cde3fd rgb(205,227,253)
```
#e0eefe
```
#e0eefe rgb(224,238,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 #5ba2fa is the most saturated one.

#a9aaac
```
#a9aaac rgb(169,170,172)
```
#a3aab3
```
#a3aab3 rgb(163,170,179)
```
#9ca9b9
```
#9ca9b9 rgb(156,169,185)
```
#96a8c0
```
#96a8c0 rgb(150,168,192)
```
#8fa8c6
```
#8fa8c6 rgb(143,168,198)
```
#89a7cd
```
#89a7cd rgb(137,167,205)
```
#82a6d3
```
#82a6d3 rgb(130,166,211)
```
#7ca5da
```
#7ca5da rgb(124,165,218)
```
#75a5e0
```
#75a5e0 rgb(117,165,224)
```
#6fa4e7
```
#6fa4e7 rgb(111,164,231)
```
#68a3ed
```
#68a3ed rgb(104,163,237)
```
#62a3f4
```
#62a3f4 rgb(98,163,244)
```
#5ba2fa
```
#5ba2fa rgb(91,162,250)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8b99ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#82a1f6 Protanopia 1% of men
#6ea4fb Deuteranopia 1% of men
#37b3c0 Tritanopia 0.001% of the population

Trichromacy

#74a1f7 Protanomaly 1% of men, 0.01% of women
#67a3fa Deuteranomaly 6% of men, 0.4% of women
#44add5 Tritanomaly 0.01% of the population

#5ba2fa hex color

#5ba2fa Color Information

#5ba2fa Color Conversion

Color Schemes with #5ba2fa

Alternatives to #5ba2fa

#5ba2fa Preview

Shades and Tints of #5ba2fa

Tones of #5ba2fa

Color Blindness Simulator