#5ab3ec hex color

In a RGB color space, hex #5ab3ec is composed of 35.3% red, 70.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 24.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 203.4 degrees, a saturation of 79.3% and a lightness of 63.9%. #5ab3ec color hex could be obtained by blending #b4ffff with #0067d9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 70
- B 93
RGB color chart
- C 62
- M 24
- Y 0
- K 7
CMYK color chart

● #5ab3ec color description : Soft blue.

The hexadecimal color #5ab3ec has RGB values of R:90, G:179, B:236 and CMYK values of C:0.62, M:0.24, Y:0, K:0.07. Its decimal value is 5944300.

Hex triplet	5ab3ec	`#5ab3ec`
RGB Decimal	90, 179, 236	`rgb(90,179,236)`
RGB Percent	35.3, 70.2, 92.5	`rgb(35.3%,70.2%,92.5%)`
CMYK	62, 24, 0, 7
HSL	203.4°, 79.3, 63.9	`hsl(203.4,79.3%,63.9%)`
HSV (or HSB)	203.4°, 61.9, 92.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	69.801, -9.843, -36.434
XYZ	35.473, 40.467, 85.294
xyY	0.22, 0.251, 40.467
CIE-LCH	69.801, 37.74, 254.882
CIE-LUV	69.801, -36.201, -57.1
Hunter-Lab	63.614, -11.787, -34.966
Binary	01011010, 10110011, 11101100

#5ab3ec
```
#5ab3ec rgb(90,179,236)
```
#ec935a
```
#ec935a rgb(236,147,90)
```

Complementary Color

#5aecdc
```
#5aecdc rgb(90,236,220)
```
#5ab3ec
```
#5ab3ec rgb(90,179,236)
```
#5a6aec
```
#5a6aec rgb(90,106,236)
```

Analogous Color

#ecdc5a
```
#ecdc5a rgb(236,220,90)
```
#5ab3ec
```
#5ab3ec rgb(90,179,236)
```
#ec5a6a
```
#ec5a6a rgb(236,90,106)
```

Split Complementary Color

#b3ec5a
```
#b3ec5a rgb(179,236,90)
```
#5ab3ec
```
#5ab3ec rgb(90,179,236)
```
#ec5ab3
```
#ec5ab3 rgb(236,90,179)
```

Triadic Color

#5aec93
```
#5aec93 rgb(90,236,147)
```
#5ab3ec
```
#5ab3ec rgb(90,179,236)
```
#ec5ab3
```
#ec5ab3 rgb(236,90,179)
```
#ec935a
```
#ec935a rgb(236,147,90)
```

Tetradic Color

#1a92e0
```
#1a92e0 rgb(26,146,224)
```
#2c9ee7
```
#2c9ee7 rgb(44,158,231)
```
#43a8e9
```
#43a8e9 rgb(67,168,233)
```
#5ab3ec
```
#5ab3ec rgb(90,179,236)
```
#71beef
```
#71beef rgb(113,190,239)
```
#88c8f1
```
#88c8f1 rgb(136,200,241)
```
#9fd3f4
```
#9fd3f4 rgb(159,211,244)
```

Monochromatic Color

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

#5ad8ec
```
#5ad8ec rgb(90,216,236)
```
#5acbec
```
#5acbec rgb(90,203,236)
```
#5abfec
```
#5abfec rgb(90,191,236)
```
#5ab3ec
```
#5ab3ec rgb(90,179,236)
```
#5aa7ec
```
#5aa7ec rgb(90,167,236)
```
#5a9bec
```
#5a9bec rgb(90,155,236)
```
#5a8fec
```
#5a8fec rgb(90,143,236)
```

Similar Colors

Text with hexadecimal color #5ab3ec

This text has a font color of #5ab3ec.

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

#5ab3ec background color

This paragraph has a background color of #5ab3ec.

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

#5ab3ec border color

This element has a border color of #5ab3ec.

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

CSS codes

.text {color:#5ab3ec;}

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

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

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

#01070b
```
#01070b rgb(1,7,11)
```
#03131c
```
#03131c rgb(3,19,28)
```
#051e2e
```
#051e2e rgb(5,30,46)
```
#072a40
```
#072a40 rgb(7,42,64)
```
#093551
```
#093551 rgb(9,53,81)
```
#0b4163
```
#0b4163 rgb(11,65,99)
```
#0d4c74
```
#0d4c74 rgb(13,76,116)
```
#0f5886
```
#0f5886 rgb(15,88,134)
```
#116398
```
#116398 rgb(17,99,152)
```
#136fa9
```
#136fa9 rgb(19,111,169)
```
#167abb
```
#167abb rgb(22,122,187)
```
#1886cc
```
#1886cc rgb(24,134,204)
```
#1a91de
```
#1a91de rgb(26,145,222)
```

Shade Color Variation

#259be6
```
#259be6 rgb(37,155,230)
```
#37a3e8
```
#37a3e8 rgb(55,163,232)
```
#48abea
```
#48abea rgb(72,171,234)
```
#5ab3ec
```
#5ab3ec rgb(90,179,236)
```
#6cbbee
```
#6cbbee rgb(108,187,238)
```
#7dc3f0
```
#7dc3f0 rgb(125,195,240)
```
#8fcbf2
```
#8fcbf2 rgb(143,203,242)
```
#a0d3f4
```
#a0d3f4 rgb(160,211,244)
```
#b2dcf6
```
#b2dcf6 rgb(178,220,246)
```
#c4e4f8
```
#c4e4f8 rgb(196,228,248)
```
#d5ecfa
```
#d5ecfa rgb(213,236,250)
```
#e7f4fc
```
#e7f4fc rgb(231,244,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#a1a3a5
```
#a1a3a5 rgb(161,163,165)
```
#9aa5ac
```
#9aa5ac rgb(154,165,172)
```
#93a7b3
```
#93a7b3 rgb(147,167,179)
```
#8ca8ba
```
#8ca8ba rgb(140,168,186)
```
#84aac2
```
#84aac2 rgb(132,170,194)
```
#7dabc9
```
#7dabc9 rgb(125,171,201)
```
#76add0
```
#76add0 rgb(118,173,208)
```
#6faed7
```
#6faed7 rgb(111,174,215)
```
#68b0de
```
#68b0de rgb(104,176,222)
```
#61b1e5
```
#61b1e5 rgb(97,177,229)
```
#5ab3ec
```
#5ab3ec rgb(90,179,236)
```
#53b5f3
```
#53b5f3 rgb(83,181,243)
```
#4cb6fa
```
#4cb6fa rgb(76,182,250)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#91a3ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#9dace6 Protanopia 1% of men
#94adf0 Deuteranopia 1% of men
#4dbdcb Tritanopia 0.001% of the population

Trichromacy

#84afe8 Protanomaly 1% of men, 0.01% of women
#7fafef Deuteranomaly 6% of men, 0.4% of women
#51b9d7 Tritanomaly 0.01% of the population

#5ab3ec hex color

#5ab3ec Color Information

#5ab3ec Color Conversion

Color Schemes with #5ab3ec

Alternatives to #5ab3ec

#5ab3ec Preview

Shades and Tints of #5ab3ec

Tones of #5ab3ec

Color Blindness Simulator