#5ab6e4 hex color

In a RGB color space, hex #5ab6e4 is composed of 35.3% red, 71.4% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 20.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 200 degrees, a saturation of 71.9% and a lightness of 62.4%. #5ab6e4 color hex could be obtained by blending #b4ffff with #006dc9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 71
- B 89
RGB color chart
- C 61
- M 20
- Y 0
- K 11
CMYK color chart

● #5ab6e4 color description : Soft blue.

The hexadecimal color #5ab6e4 has RGB values of R:90, G:182, B:228 and CMYK values of C:0.61, M:0.2, Y:0, K:0.11. Its decimal value is 5945060.

Hex triplet	5ab6e4	`#5ab6e4`
RGB Decimal	90, 182, 228	`rgb(90,182,228)`
RGB Percent	35.3, 71.4, 89.4	`rgb(35.3%,71.4%,89.4%)`
CMYK	61, 20, 0, 11
HSL	200°, 71.9, 62.4	`hsl(200,71.9%,62.4%)`
HSV (or HSB)	200°, 60.5, 89.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.336, -13.944, -31.247
XYZ	34.944, 41.228, 79.511
xyY	0.224, 0.265, 41.228
CIE-LCH	70.336, 34.218, 245.951
CIE-LUV	70.336, -37.6, -47.83
Hunter-Lab	64.209, -15.222, -28.473
Binary	01011010, 10110110, 11100100

#5ab6e4
```
#5ab6e4 rgb(90,182,228)
```
#e4885a
```
#e4885a rgb(228,136,90)
```

Complementary Color

#5ae4cd
```
#5ae4cd rgb(90,228,205)
```
#5ab6e4
```
#5ab6e4 rgb(90,182,228)
```
#5a71e4
```
#5a71e4 rgb(90,113,228)
```

Analogous Color

#e4cd5a
```
#e4cd5a rgb(228,205,90)
```
#5ab6e4
```
#5ab6e4 rgb(90,182,228)
```
#e45a71
```
#e45a71 rgb(228,90,113)
```

Split Complementary Color

#b6e45a
```
#b6e45a rgb(182,228,90)
```
#5ab6e4
```
#5ab6e4 rgb(90,182,228)
```
#e45ab6
```
#e45ab6 rgb(228,90,182)
```

Triadic Color

#5ae488
```
#5ae488 rgb(90,228,136)
```
#5ab6e4
```
#5ab6e4 rgb(90,182,228)
```
#e45ab6
```
#e45ab6 rgb(228,90,182)
```
#e4885a
```
#e4885a rgb(228,136,90)
```

Tetradic Color

#2296d0
```
#2296d0 rgb(34,150,208)
```
#2ea3dd
```
#2ea3dd rgb(46,163,221)
```
#44ace0
```
#44ace0 rgb(68,172,224)
```
#5ab6e4
```
#5ab6e4 rgb(90,182,228)
```
#70c0e8
```
#70c0e8 rgb(112,192,232)
```
#86c9eb
```
#86c9eb rgb(134,201,235)
```
#9cd3ef
```
#9cd3ef rgb(156,211,239)
```

Monochromatic Color

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

#5ad9e4
```
#5ad9e4 rgb(90,217,228)
```
#5acde4
```
#5acde4 rgb(90,205,228)
```
#5ac2e4
```
#5ac2e4 rgb(90,194,228)
```
#5ab6e4
```
#5ab6e4 rgb(90,182,228)
```
#5aabe4
```
#5aabe4 rgb(90,171,228)
```
#5a9fe4
```
#5a9fe4 rgb(90,159,228)
```
#5a94e4
```
#5a94e4 rgb(90,148,228)
```

Similar Colors

Text with hexadecimal color #5ab6e4

This text has a font color of #5ab6e4.

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

#5ab6e4 background color

This paragraph has a background color of #5ab6e4.

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

#5ab6e4 border color

This element has a border color of #5ab6e4.

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

CSS codes

.text {color:#5ab6e4;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#030f14
```
#030f14 rgb(3,15,20)
```
#061b25
```
#061b25 rgb(6,27,37)
```
#092736
```
#092736 rgb(9,39,54)
```
#0c3347
```
#0c3347 rgb(12,51,71)
```
#0e3f58
```
#0e3f58 rgb(14,63,88)
```
#114c69
```
#114c69 rgb(17,76,105)
```
#14587a
```
#14587a rgb(20,88,122)
```
#17648a
```
#17648a rgb(23,100,138)
```
#19709b
```
#19709b rgb(25,112,155)
```
#1c7cac
```
#1c7cac rgb(28,124,172)
```
#1f88bd
```
#1f88bd rgb(31,136,189)
```
#2294ce
```
#2294ce rgb(34,148,206)
```

Shade Color Variation

#27a0dc
```
#27a0dc rgb(39,160,220)
```
#38a7de
```
#38a7de rgb(56,167,222)
```
#49afe1
```
#49afe1 rgb(73,175,225)
```
#5ab6e4
```
#5ab6e4 rgb(90,182,228)
```
#6bbde7
```
#6bbde7 rgb(107,189,231)
```
#7cc5ea
```
#7cc5ea rgb(124,197,234)
```
#8dccec
```
#8dccec rgb(141,204,236)
```
#9dd4ef
```
#9dd4ef rgb(157,212,239)
```
#aedbf2
```
#aedbf2 rgb(174,219,242)
```
#bfe3f5
```
#bfe3f5 rgb(191,227,245)
```
#d0eaf7
```
#d0eaf7 rgb(208,234,247)
```
#e1f2fa
```
#e1f2fa rgb(225,242,250)
```
#f2f9fd
```
#f2f9fd rgb(242,249,253)
```

Tint Color Variation

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

#9ca0a2
```
#9ca0a2 rgb(156,160,162)
```
#95a2a9
```
#95a2a9 rgb(149,162,169)
```
#8ea5b0
```
#8ea5b0 rgb(142,165,176)
```
#86a7b8
```
#86a7b8 rgb(134,167,184)
```
#7faabf
```
#7faabf rgb(127,170,191)
```
#78acc6
```
#78acc6 rgb(120,172,198)
```
#70afce
```
#70afce rgb(112,175,206)
```
#69b1d5
```
#69b1d5 rgb(105,177,213)
```
#61b4dd
```
#61b4dd rgb(97,180,221)
```
#5ab6e4
```
#5ab6e4 rgb(90,182,228)
```
#53b8eb
```
#53b8eb rgb(83,184,235)
```
#4bbbf3
```
#4bbbf3 rgb(75,187,243)
```
#44bdfa
```
#44bdfa rgb(68,189,250)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#92a4ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3aedd Protanopia 1% of men
#9daee9 Deuteranopia 1% of men
#53becc Tritanopia 0.001% of the population

Trichromacy

#88b1e0 Protanomaly 1% of men, 0.01% of women
#85b1e7 Deuteranomaly 6% of men, 0.4% of women
#56bbd4 Tritanomaly 0.01% of the population

#5ab6e4 hex color

#5ab6e4 Color Information

#5ab6e4 Color Conversion

Color Schemes with #5ab6e4

Alternatives to #5ab6e4

#5ab6e4 Preview

Shades and Tints of #5ab6e4

Tones of #5ab6e4

Color Blindness Simulator