#5ba6f1 hex color

In a RGB color space, hex #5ba6f1 is composed of 35.7% red, 65.1% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 31.1% magenta, 0% yellow and 5.5% black. It has a hue angle of 210 degrees, a saturation of 84.3% and a lightness of 65.1%. #5ba6f1 color hex could be obtained by blending #b6ffff with #004de3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 65
- B 95
RGB color chart
- C 62
- M 31
- Y 0
- K 5
CMYK color chart

● #5ba6f1 color description : Soft blue.

The hexadecimal color #5ba6f1 has RGB values of R:91, G:166, B:241 and CMYK values of C:0.62, M:0.31, Y:0, K:0.05. Its decimal value is 6006513.

Hex triplet	5ba6f1	`#5ba6f1`
RGB Decimal	91, 166, 241	`rgb(91,166,241)`
RGB Percent	35.7, 65.1, 94.5	`rgb(35.7%,65.1%,94.5%)`
CMYK	62, 31, 0, 5
HSL	210°, 84.3, 65.1	`hsl(210,84.3%,65.1%)`
HSV (or HSB)	210°, 62.2, 94.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.401, -0.856, -44.472
XYZ	33.824, 35.845, 88.351
xyY	0.214, 0.227, 35.845
CIE-LCH	66.401, 44.48, 268.897
CIE-LUV	66.401, -31.17, -71.387
Hunter-Lab	59.871, -3.93, -45.584
Binary	01011011, 10100110, 11110001

#5ba6f1
```
#5ba6f1 rgb(91,166,241)
```
#f1a65b
```
#f1a65b rgb(241,166,91)
```

Complementary Color

#5bf1f1
```
#5bf1f1 rgb(91,241,241)
```
#5ba6f1
```
#5ba6f1 rgb(91,166,241)
```
#5b5bf1
```
#5b5bf1 rgb(91,91,241)
```

Analogous Color

#f1f15b
```
#f1f15b rgb(241,241,91)
```
#5ba6f1
```
#5ba6f1 rgb(91,166,241)
```
#f15b5b
```
#f15b5b rgb(241,91,91)
```

Split Complementary Color

#a6f15b
```
#a6f15b rgb(166,241,91)
```
#5ba6f1
```
#5ba6f1 rgb(91,166,241)
```
#f15ba6
```
#f15ba6 rgb(241,91,166)
```

Triadic Color

#5bf1a6
```
#5bf1a6 rgb(91,241,166)
```
#5ba6f1
```
#5ba6f1 rgb(91,166,241)
```
#f15ba6
```
#f15ba6 rgb(241,91,166)
```
#f1a65b
```
#f1a65b rgb(241,166,91)
```

Tetradic Color

#1580eb
```
#1580eb rgb(21,128,235)
```
#2c8ded
```
#2c8ded rgb(44,141,237)
```
#4499ef
```
#4499ef rgb(68,153,239)
```
#5ba6f1
```
#5ba6f1 rgb(91,166,241)
```
#72b3f3
```
#72b3f3 rgb(114,179,243)
```
#8ac0f5
```
#8ac0f5 rgb(138,192,245)
```
#a1ccf7
```
#a1ccf7 rgb(161,204,247)
```

Monochromatic Color

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

#5bccf1
```
#5bccf1 rgb(91,204,241)
```
#5bbff1
```
#5bbff1 rgb(91,191,241)
```
#5bb3f1
```
#5bb3f1 rgb(91,179,241)
```
#5ba6f1
```
#5ba6f1 rgb(91,166,241)
```
#5b9af1
```
#5b9af1 rgb(91,154,241)
```
#5b8df1
```
#5b8df1 rgb(91,141,241)
```
#5b81f1
```
#5b81f1 rgb(91,129,241)
```

Similar Colors

Text with hexadecimal color #5ba6f1

This text has a font color of #5ba6f1.

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

#5ba6f1 background color

This paragraph has a background color of #5ba6f1.

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

#5ba6f1 border color

This element has a border color of #5ba6f1.

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

CSS codes

.text {color:#5ba6f1;}

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

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

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

#010911
```
#010911 rgb(1,9,17)
```
#031323
```
#031323 rgb(3,19,35)
```
#051d35
```
#051d35 rgb(5,29,53)
```
#062747
```
#062747 rgb(6,39,71)
```
#083059
```
#083059 rgb(8,48,89)
```
#093a6b
```
#093a6b rgb(9,58,107)
```
#0b447d
```
#0b447d rgb(11,68,125)
```
#0c4e8f
```
#0c4e8f rgb(12,78,143)
```
#0e58a1
```
#0e58a1 rgb(14,88,161)
```
#0f61b3
```
#0f61b3 rgb(15,97,179)
```
#116bc5
```
#116bc5 rgb(17,107,197)
```
#1275d8
```
#1275d8 rgb(18,117,216)
```
#147fea
```
#147fea rgb(20,127,234)
```

Shade Color Variation

#2589ec
```
#2589ec rgb(37,137,236)
```
#3792ee
```
#3792ee rgb(55,146,238)
```
#499cef
```
#499cef rgb(73,156,239)
```
#5ba6f1
```
#5ba6f1 rgb(91,166,241)
```
#6db0f3
```
#6db0f3 rgb(109,176,243)
```
#7fbaf4
```
#7fbaf4 rgb(127,186,244)
```
#91c3f6
```
#91c3f6 rgb(145,195,246)
```
#a3cdf7
```
#a3cdf7 rgb(163,205,247)
```
#b5d7f9
```
#b5d7f9 rgb(181,215,249)
```
#c7e1fa
```
#c7e1fa rgb(199,225,250)
```
#daebfc
```
#daebfc rgb(218,235,252)
```
#ecf4fd
```
#ecf4fd rgb(236,244,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa6ad is the less saturated color, while #4da6ff is the most saturated one.

#9fa6ad
```
#9fa6ad rgb(159,166,173)
```
#99a6b3
```
#99a6b3 rgb(153,166,179)
```
#92a6ba
```
#92a6ba rgb(146,166,186)
```
#8ba6c1
```
#8ba6c1 rgb(139,166,193)
```
#84a6c8
```
#84a6c8 rgb(132,166,200)
```
#7da6cf
```
#7da6cf rgb(125,166,207)
```
#76a6d6
```
#76a6d6 rgb(118,166,214)
```
#70a6dc
```
#70a6dc rgb(112,166,220)
```
#69a6e3
```
#69a6e3 rgb(105,166,227)
```
#62a6ea
```
#62a6ea rgb(98,166,234)
```
#5ba6f1
```
#5ba6f1 rgb(91,166,241)
```
#54a6f8
```
#54a6f8 rgb(84,166,248)
```
#4da6ff
```
#4da6ff rgb(77,166,255)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8c9baa Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca3ec Protanopia 1% of men
#7da5f3 Deuteranopia 1% of men
#43b4c1 Tritanopia 0.001% of the population

Trichromacy

#7aa4ee Protanomaly 1% of men, 0.01% of women
#70a5f2 Deuteranomaly 6% of men, 0.4% of women
#4bafd2 Tritanomaly 0.01% of the population

#5ba6f1 hex color

#5ba6f1 Color Information

#5ba6f1 Color Conversion

Color Schemes with #5ba6f1

Alternatives to #5ba6f1

#5ba6f1 Preview

Shades and Tints of #5ba6f1

Tones of #5ba6f1

Color Blindness Simulator