#5babe5 hex color

In a RGB color space, hex #5babe5 is composed of 35.7% red, 67.1% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 25.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 205.2 degrees, a saturation of 72.6% and a lightness of 62.7%. #5babe5 color hex could be obtained by blending #b6ffff with #0057cb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 67
- B 90
RGB color chart
- C 60
- M 25
- Y 0
- K 10
CMYK color chart

● #5babe5 color description : Soft blue.

The hexadecimal color #5babe5 has RGB values of R:91, G:171, B:229 and CMYK values of C:0.6, M:0.25, Y:0, K:0.1. Its decimal value is 6007781.

Hex triplet	5babe5	`#5babe5`
RGB Decimal	91, 171, 229	`rgb(91,171,229)`
RGB Percent	35.7, 67.1, 89.8	`rgb(35.7%,67.1%,89.8%)`
CMYK	60, 25, 0, 10
HSL	205.2°, 72.6, 62.7	`hsl(205.2,72.6%,62.7%)`
HSV (or HSB)	205.2°, 60.3, 89.8
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.281, -7.487, -36.527
XYZ	33.017, 37.005, 79.527
xyY	0.221, 0.247, 37.005
CIE-LCH	67.281, 37.287, 258.416
CIE-LUV	67.281, -33.309, -57.257
Hunter-Lab	60.832, -9.573, -34.93
Binary	01011011, 10101011, 11100101

#5babe5
```
#5babe5 rgb(91,171,229)
```
#e5955b
```
#e5955b rgb(229,149,91)
```

Complementary Color

#5be5da
```
#5be5da rgb(91,229,218)
```
#5babe5
```
#5babe5 rgb(91,171,229)
```
#5b66e5
```
#5b66e5 rgb(91,102,229)
```

Analogous Color

#e5da5b
```
#e5da5b rgb(229,218,91)
```
#5babe5
```
#5babe5 rgb(91,171,229)
```
#e55b66
```
#e55b66 rgb(229,91,102)
```

Split Complementary Color

#abe55b
```
#abe55b rgb(171,229,91)
```
#5babe5
```
#5babe5 rgb(91,171,229)
```
#e55bab
```
#e55bab rgb(229,91,171)
```

Triadic Color

#5be595
```
#5be595 rgb(91,229,149)
```
#5babe5
```
#5babe5 rgb(91,171,229)
```
#e55bab
```
#e55bab rgb(229,91,171)
```
#e5955b
```
#e5955b rgb(229,149,91)
```

Tetradic Color

#2188d2
```
#2188d2 rgb(33,136,210)
```
#2f94de
```
#2f94de rgb(47,148,222)
```
#45a0e2
```
#45a0e2 rgb(69,160,226)
```
#5babe5
```
#5babe5 rgb(91,171,229)
```
#71b6e8
```
#71b6e8 rgb(113,182,232)
```
#87c2ec
```
#87c2ec rgb(135,194,236)
```
#9dcdef
```
#9dcdef rgb(157,205,239)
```

Monochromatic Color

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

#5bcee5
```
#5bcee5 rgb(91,206,229)
```
#5bc2e5
```
#5bc2e5 rgb(91,194,229)
```
#5bb7e5
```
#5bb7e5 rgb(91,183,229)
```
#5babe5
```
#5babe5 rgb(91,171,229)
```
#5ba0e5
```
#5ba0e5 rgb(91,160,229)
```
#5b94e5
```
#5b94e5 rgb(91,148,229)
```
#5b89e5
```
#5b89e5 rgb(91,137,229)
```

Similar Colors

Text with hexadecimal color #5babe5

This text has a font color of #5babe5.

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

#5babe5 background color

This paragraph has a background color of #5babe5.

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

#5babe5 border color

This element has a border color of #5babe5.

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

CSS codes

.text {color:#5babe5;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#040e16
```
#040e16 rgb(4,14,22)
```
#061927
```
#061927 rgb(6,25,39)
```
#092438
```
#092438 rgb(9,36,56)
```
#0c2f49
```
#0c2f49 rgb(12,47,73)
```
#0e3a5a
```
#0e3a5a rgb(14,58,90)
```
#11456b
```
#11456b rgb(17,69,107)
```
#14507c
```
#14507c rgb(20,80,124)
```
#165b8d
```
#165b8d rgb(22,91,141)
```
#19669e
```
#19669e rgb(25,102,158)
```
#1c71af
```
#1c71af rgb(28,113,175)
```
#1e7cc0
```
#1e7cc0 rgb(30,124,192)
```
#2187d0
```
#2187d0 rgb(33,135,208)
```

Shade Color Variation

#2891dd
```
#2891dd rgb(40,145,221)
```
#399ae0
```
#399ae0 rgb(57,154,224)
```
#4aa2e2
```
#4aa2e2 rgb(74,162,226)
```
#5babe5
```
#5babe5 rgb(91,171,229)
```
#6cb4e8
```
#6cb4e8 rgb(108,180,232)
```
#7dbcea
```
#7dbcea rgb(125,188,234)
```
#8ec5ed
```
#8ec5ed rgb(142,197,237)
```
#9fcef0
```
#9fcef0 rgb(159,206,240)
```
#b0d6f2
```
#b0d6f2 rgb(176,214,242)
```
#c1dff5
```
#c1dff5 rgb(193,223,245)
```
#d2e8f8
```
#d2e8f8 rgb(210,232,248)
```
#e2f0fa
```
#e2f0fa rgb(226,240,250)
```
#f3f9fd
```
#f3f9fd rgb(243,249,253)
```

Tint Color Variation

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

#9da1a3
```
#9da1a3 rgb(157,161,163)
```
#95a2ab
```
#95a2ab rgb(149,162,171)
```
#8ea3b2
```
#8ea3b2 rgb(142,163,178)
```
#87a4b9
```
#87a4b9 rgb(135,164,185)
```
#80a5c0
```
#80a5c0 rgb(128,165,192)
```
#78a6c8
```
#78a6c8 rgb(120,166,200)
```
#71a8cf
```
#71a8cf rgb(113,168,207)
```
#6aa9d6
```
#6aa9d6 rgb(106,169,214)
```
#62aade
```
#62aade rgb(98,170,222)
```
#5babe5
```
#5babe5 rgb(91,171,229)
```
#54acec
```
#54acec rgb(84,172,236)
```
#4cadf4
```
#4cadf4 rgb(76,173,244)
```
#45aefb
```
#45aefb rgb(69,174,251)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8d9da9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a6e0 Protanopia 1% of men
#8da7e9 Deuteranopia 1% of men
#4eb6c3 Tritanopia 0.001% of the population

Trichromacy

#80a8e1 Protanomaly 1% of men, 0.01% of women
#7ba8e7 Deuteranomaly 6% of men, 0.4% of women
#53b2cf Tritanomaly 0.01% of the population

#5babe5 hex color

#5babe5 Color Information

#5babe5 Color Conversion

Color Schemes with #5babe5

Alternatives to #5babe5

#5babe5 Preview

Shades and Tints of #5babe5

Tones of #5babe5

Color Blindness Simulator