#5ab5f2 hex color

In a RGB color space, hex #5ab5f2 is composed of 35.3% red, 71% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 25.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 204.1 degrees, a saturation of 85.4% and a lightness of 65.1%. #5ab5f2 color hex could be obtained by blending #b4ffff with #006be5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 71
- B 95
RGB color chart
- C 63
- M 25
- Y 0
- K 5
CMYK color chart

● #5ab5f2 color description : Soft blue.

The hexadecimal color #5ab5f2 has RGB values of R:90, G:181, B:242 and CMYK values of C:0.63, M:0.25, Y:0, K:0.05. Its decimal value is 5944818.

Hex triplet	5ab5f2	`#5ab5f2`
RGB Decimal	90, 181, 242	`rgb(90,181,242)`
RGB Percent	35.3, 71, 94.9	`rgb(35.3%,71%,94.9%)`
CMYK	63, 25, 0, 5
HSL	204.1°, 85.4, 65.1	`hsl(204.1,85.4%,65.1%)`
HSV (or HSB)	204.1°, 62.8, 94.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.615, -9.037, -38.429
XYZ	36.763, 41.63, 90.097
xyY	0.218, 0.247, 41.63
CIE-LCH	70.615, 39.477, 256.767
CIE-LUV	70.615, -36.694, -60.696
Hunter-Lab	64.521, -11.204, -37.628
Binary	01011010, 10110101, 11110010

#5ab5f2
```
#5ab5f2 rgb(90,181,242)
```
#f2975a
```
#f2975a rgb(242,151,90)
```

Complementary Color

#5af2e3
```
#5af2e3 rgb(90,242,227)
```
#5ab5f2
```
#5ab5f2 rgb(90,181,242)
```
#5a69f2
```
#5a69f2 rgb(90,105,242)
```

Analogous Color

#f2e35a
```
#f2e35a rgb(242,227,90)
```
#5ab5f2
```
#5ab5f2 rgb(90,181,242)
```
#f25a69
```
#f25a69 rgb(242,90,105)
```

Split Complementary Color

#b5f25a
```
#b5f25a rgb(181,242,90)
```
#5ab5f2
```
#5ab5f2 rgb(90,181,242)
```
#f25ab5
```
#f25ab5 rgb(242,90,181)
```

Triadic Color

#5af297
```
#5af297 rgb(90,242,151)
```
#5ab5f2
```
#5ab5f2 rgb(90,181,242)
```
#f25ab5
```
#f25ab5 rgb(242,90,181)
```
#f2975a
```
#f2975a rgb(242,151,90)
```

Tetradic Color

#1395ec
```
#1395ec rgb(19,149,236)
```
#2ba0ee
```
#2ba0ee rgb(43,160,238)
```
#42aaf0
```
#42aaf0 rgb(66,170,240)
```
#5ab5f2
```
#5ab5f2 rgb(90,181,242)
```
#72c0f4
```
#72c0f4 rgb(114,192,244)
```
#89caf6
```
#89caf6 rgb(137,202,246)
```
#a1d5f8
```
#a1d5f8 rgb(161,213,248)
```

Monochromatic Color

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

#5adbf2
```
#5adbf2 rgb(90,219,242)
```
#5acef2
```
#5acef2 rgb(90,206,242)
```
#5ac2f2
```
#5ac2f2 rgb(90,194,242)
```
#5ab5f2
```
#5ab5f2 rgb(90,181,242)
```
#5aa8f2
```
#5aa8f2 rgb(90,168,242)
```
#5a9cf2
```
#5a9cf2 rgb(90,156,242)
```
#5a8ff2
```
#5a8ff2 rgb(90,143,242)
```

Similar Colors

Text with hexadecimal color #5ab5f2

This text has a font color of #5ab5f2.

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

#5ab5f2 background color

This paragraph has a background color of #5ab5f2.

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

#5ab5f2 border color

This element has a border color of #5ab5f2.

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

CSS codes

.text {color:#5ab5f2;}

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

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

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

#010b11
```
#010b11 rgb(1,11,17)
```
#031623
```
#031623 rgb(3,22,35)
```
#042235
```
#042235 rgb(4,34,53)
```
#062d47
```
#062d47 rgb(6,45,71)
```
#07385a
```
#07385a rgb(7,56,90)
```
#08446c
```
#08446c rgb(8,68,108)
```
#0a4f7e
```
#0a4f7e rgb(10,79,126)
```
#0b5b90
```
#0b5b90 rgb(11,91,144)
```
#0d66a2
```
#0d66a2 rgb(13,102,162)
```
#0e72b4
```
#0e72b4 rgb(14,114,180)
```
#107dc7
```
#107dc7 rgb(16,125,199)
```
#1189d9
```
#1189d9 rgb(17,137,217)
```
#1394eb
```
#1394eb rgb(19,148,235)
```

Shade Color Variation

#239dee
```
#239dee rgb(35,157,238)
```
#36a5ef
```
#36a5ef rgb(54,165,239)
```
#48adf1
```
#48adf1 rgb(72,173,241)
```
#5ab5f2
```
#5ab5f2 rgb(90,181,242)
```
#6cbdf3
```
#6cbdf3 rgb(108,189,243)
```
#7ec5f5
```
#7ec5f5 rgb(126,197,245)
```
#91cdf6
```
#91cdf6 rgb(145,205,246)
```
#a3d6f8
```
#a3d6f8 rgb(163,214,248)
```
#b5def9
```
#b5def9 rgb(181,222,249)
```
#c7e6fb
```
#c7e6fb rgb(199,230,251)
```
#d9eefc
```
#d9eefc rgb(217,238,252)
```
#ebf6fd
```
#ebf6fd rgb(235,246,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a5a6a7
```
#a5a6a7 rgb(165,166,167)
```
#9ea7ae
```
#9ea7ae rgb(158,167,174)
```
#98a9b4
```
#98a9b4 rgb(152,169,180)
```
#91aabb
```
#91aabb rgb(145,170,187)
```
#8aacc2
```
#8aacc2 rgb(138,172,194)
```
#83adc9
```
#83adc9 rgb(131,173,201)
```
#7caed0
```
#7caed0 rgb(124,174,208)
```
#75b0d7
```
#75b0d7 rgb(117,176,215)
```
#6fb1dd
```
#6fb1dd rgb(111,177,221)
```
#68b2e4
```
#68b2e4 rgb(104,178,228)
```
#61b4eb
```
#61b4eb rgb(97,180,235)
```
#5ab5f2
```
#5ab5f2 rgb(90,181,242)
```
#53b6f9
```
#53b6f9 rgb(83,182,249)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#93a5b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9daeeb Protanopia 1% of men
#93aff6 Deuteranopia 1% of men
#4ac0ce Tritanopia 0.001% of the population

Trichromacy

#85b1ed Protanomaly 1% of men, 0.01% of women
#7eb1f4 Deuteranomaly 6% of men, 0.4% of women
#4fbcdb Tritanomaly 0.01% of the population

#5ab5f2 hex color

#5ab5f2 Color Information

#5ab5f2 Color Conversion

Color Schemes with #5ab5f2

Alternatives to #5ab5f2

#5ab5f2 Preview

Shades and Tints of #5ab5f2

Tones of #5ab5f2

Color Blindness Simulator