#5ba1ee hex color

In a RGB color space, hex #5ba1ee is composed of 35.7% red, 63.1% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 32.4% magenta, 0% yellow and 6.7% black. It has a hue angle of 211.4 degrees, a saturation of 81.2% and a lightness of 64.5%. #5ba1ee color hex could be obtained by blending #b6ffff with #0043dd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 63
- B 93
RGB color chart
- C 62
- M 32
- Y 0
- K 7
CMYK color chart

● #5ba1ee color description : Soft blue.

The hexadecimal color #5ba1ee has RGB values of R:91, G:161, B:238 and CMYK values of C:0.62, M:0.32, Y:0, K:0.07. Its decimal value is 6005230.

Hex triplet	5ba1ee	`#5ba1ee`
RGB Decimal	91, 161, 238	`rgb(91,161,238)`
RGB Percent	35.7, 63.1, 93.3	`rgb(35.7%,63.1%,93.3%)`
CMYK	62, 32, 0, 7
HSL	211.4°, 81.2, 64.5	`hsl(211.4,81.2%,64.5%)`
HSV (or HSB)	211.4°, 61.8, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.871, 1.014, -45.235
XYZ	32.488, 33.885, 85.713
xyY	0.214, 0.223, 33.885
CIE-LCH	64.871, 45.246, 271.284
CIE-LUV	64.871, -29.491, -72.634
Hunter-Lab	58.211, -2.245, -46.554
Binary	01011011, 10100001, 11101110

#5ba1ee
```
#5ba1ee rgb(91,161,238)
```
#eea85b
```
#eea85b rgb(238,168,91)
```

Complementary Color

#5bebee
```
#5bebee rgb(91,235,238)
```
#5ba1ee
```
#5ba1ee rgb(91,161,238)
```
#5f5bee
```
#5f5bee rgb(95,91,238)
```

Analogous Color

#ebee5b
```
#ebee5b rgb(235,238,91)
```
#5ba1ee
```
#5ba1ee rgb(91,161,238)
```
#ee5f5b
```
#ee5f5b rgb(238,95,91)
```

Split Complementary Color

#a1ee5b
```
#a1ee5b rgb(161,238,91)
```
#5ba1ee
```
#5ba1ee rgb(91,161,238)
```
#ee5ba1
```
#ee5ba1 rgb(238,91,161)
```

Triadic Color

#5beea8
```
#5beea8 rgb(91,238,168)
```
#5ba1ee
```
#5ba1ee rgb(91,161,238)
```
#ee5ba1
```
#ee5ba1 rgb(238,91,161)
```
#eea85b
```
#eea85b rgb(238,168,91)
```

Tetradic Color

#1879e5
```
#1879e5 rgb(24,121,229)
```
#2d87e9
```
#2d87e9 rgb(45,135,233)
```
#4494ec
```
#4494ec rgb(68,148,236)
```
#5ba1ee
```
#5ba1ee rgb(91,161,238)
```
#72aef0
```
#72aef0 rgb(114,174,240)
```
#89bbf3
```
#89bbf3 rgb(137,187,243)
```
#a0c9f5
```
#a0c9f5 rgb(160,201,245)
```

Monochromatic Color

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

#5bc6ee
```
#5bc6ee rgb(91,198,238)
```
#5bbaee
```
#5bbaee rgb(91,186,238)
```
#5badee
```
#5badee rgb(91,173,238)
```
#5ba1ee
```
#5ba1ee rgb(91,161,238)
```
#5b95ee
```
#5b95ee rgb(91,149,238)
```
#5b89ee
```
#5b89ee rgb(91,137,238)
```
#5b7cee
```
#5b7cee rgb(91,124,238)
```

Similar Colors

Text with hexadecimal color #5ba1ee

This text has a font color of #5ba1ee.

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

#5ba1ee background color

This paragraph has a background color of #5ba1ee.

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

#5ba1ee border color

This element has a border color of #5ba1ee.

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

CSS codes

.text {color:#5ba1ee;}

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

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

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, #01070e is the darkest color, while #fbfdff is the lightest one.

#01070e
```
#01070e rgb(1,7,14)
```
#031120
```
#031120 rgb(3,17,32)
```
#051a31
```
#051a31 rgb(5,26,49)
```
#072443
```
#072443 rgb(7,36,67)
```
#092d55
```
#092d55 rgb(9,45,85)
```
#0b3667
```
#0b3667 rgb(11,54,103)
```
#0c4078
```
#0c4078 rgb(12,64,120)
```
#0e498a
```
#0e498a rgb(14,73,138)
```
#10539c
```
#10539c rgb(16,83,156)
```
#125cae
```
#125cae rgb(18,92,174)
```
#1466bf
```
#1466bf rgb(20,102,191)
```
#166fd1
```
#166fd1 rgb(22,111,209)
```
#1878e3
```
#1878e3 rgb(24,120,227)
```

Shade Color Variation

#2682e8
```
#2682e8 rgb(38,130,232)
```
#378dea
```
#378dea rgb(55,141,234)
```
#4997ec
```
#4997ec rgb(73,151,236)
```
#5ba1ee
```
#5ba1ee rgb(91,161,238)
```
#6dabf0
```
#6dabf0 rgb(109,171,240)
```
#7fb5f2
```
#7fb5f2 rgb(127,181,242)
```
#90c0f4
```
#90c0f4 rgb(144,192,244)
```
#a2caf5
```
#a2caf5 rgb(162,202,245)
```
#b4d4f7
```
#b4d4f7 rgb(180,212,247)
```
#c6def9
```
#c6def9 rgb(198,222,249)
```
#d7e8fb
```
#d7e8fb rgb(215,232,251)
```
#e9f2fd
```
#e9f2fd rgb(233,242,253)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#a1a4a8
```
#a1a4a8 rgb(161,164,168)
```
#9aa4af
```
#9aa4af rgb(154,164,175)
```
#93a4b6
```
#93a4b6 rgb(147,164,182)
```
#8ca3bd
```
#8ca3bd rgb(140,163,189)
```
#85a3c4
```
#85a3c4 rgb(133,163,196)
```
#7ea3cb
```
#7ea3cb rgb(126,163,203)
```
#77a2d2
```
#77a2d2 rgb(119,162,210)
```
#70a2d9
```
#70a2d9 rgb(112,162,217)
```
#69a2e0
```
#69a2e0 rgb(105,162,224)
```
#62a1e7
```
#62a1e7 rgb(98,161,231)
```
#5ba1ee
```
#5ba1ee rgb(91,161,238)
```
#54a1f5
```
#54a1f5 rgb(84,161,245)
```
#4da0fc
```
#4da0fc rgb(77,160,252)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8997a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a0ea Protanopia 1% of men
#77a2f0 Deuteranopia 1% of men
#42b0bd Tritanopia 0.001% of the population

Trichromacy

#76a0eb Protanomaly 1% of men, 0.01% of women
#6da1ef Deuteranomaly 6% of men, 0.4% of women
#4baace Tritanomaly 0.01% of the population

#5ba1ee hex color

#5ba1ee Color Information

#5ba1ee Color Conversion

Color Schemes with #5ba1ee

Alternatives to #5ba1ee

#5ba1ee Preview

Shades and Tints of #5ba1ee

Tones of #5ba1ee

Color Blindness Simulator