#5abff4 hex color

In a RGB color space, hex #5abff4 is composed of 35.3% red, 74.9% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 21.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 200.6 degrees, a saturation of 87.5% and a lightness of 65.5%. #5abff4 color hex could be obtained by blending #b4ffff with #007fe9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 75
- B 96
RGB color chart
- C 63
- M 22
- Y 0
- K 4
CMYK color chart

● #5abff4 color description : Soft blue.

The hexadecimal color #5abff4 has RGB values of R:90, G:191, B:244 and CMYK values of C:0.63, M:0.22, Y:0, K:0.04. Its decimal value is 5947380.

Hex triplet	5abff4	`#5abff4`
RGB Decimal	90, 191, 244	`rgb(90,191,244)`
RGB Percent	35.3, 74.9, 95.7	`rgb(35.3%,74.9%,95.7%)`
CMYK	63, 22, 0, 4
HSL	200.6°, 87.5, 65.5	`hsl(200.6,87.5%,65.5%)`
HSV (or HSB)	200.6°, 63.1, 95.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.522, -13.78, -34.996
XYZ	39.172, 45.964, 92.391
xyY	0.221, 0.259, 45.964
CIE-LCH	73.522, 37.611, 248.508
CIE-LUV	73.522, -40.196, -54.525
Hunter-Lab	67.797, -15.509, -33.34
Binary	01011010, 10111111, 11110100

#5abff4
```
#5abff4 rgb(90,191,244)
```
#f48f5a
```
#f48f5a rgb(244,143,90)
```

Complementary Color

#5af4dc
```
#5af4dc rgb(90,244,220)
```
#5abff4
```
#5abff4 rgb(90,191,244)
```
#5a72f4
```
#5a72f4 rgb(90,114,244)
```

Analogous Color

#f4dc5a
```
#f4dc5a rgb(244,220,90)
```
#5abff4
```
#5abff4 rgb(90,191,244)
```
#f45a72
```
#f45a72 rgb(244,90,114)
```

Split Complementary Color

#bff45a
```
#bff45a rgb(191,244,90)
```
#5abff4
```
#5abff4 rgb(90,191,244)
```
#f45abf
```
#f45abf rgb(244,90,191)
```

Triadic Color

#5af48f
```
#5af48f rgb(90,244,143)
```
#5abff4
```
#5abff4 rgb(90,191,244)
```
#f45abf
```
#f45abf rgb(244,90,191)
```
#f48f5a
```
#f48f5a rgb(244,143,90)
```

Tetradic Color

#12a3ef
```
#12a3ef rgb(18,163,239)
```
#2aacf1
```
#2aacf1 rgb(42,172,241)
```
#42b6f2
```
#42b6f2 rgb(66,182,242)
```
#5abff4
```
#5abff4 rgb(90,191,244)
```
#72c8f6
```
#72c8f6 rgb(114,200,246)
```
#8ad2f7
```
#8ad2f7 rgb(138,210,247)
```
#a2dbf9
```
#a2dbf9 rgb(162,219,249)
```

Monochromatic Color

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

#5ae6f4
```
#5ae6f4 rgb(90,230,244)
```
#5ad9f4
```
#5ad9f4 rgb(90,217,244)
```
#5accf4
```
#5accf4 rgb(90,204,244)
```
#5abff4
```
#5abff4 rgb(90,191,244)
```
#5ab2f4
```
#5ab2f4 rgb(90,178,244)
```
#5aa5f4
```
#5aa5f4 rgb(90,165,244)
```
#5a99f4
```
#5a99f4 rgb(90,153,244)
```

Similar Colors

Text with hexadecimal color #5abff4

This text has a font color of #5abff4.

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

#5abff4 background color

This paragraph has a background color of #5abff4.

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

#5abff4 border color

This element has a border color of #5abff4.

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

CSS codes

.text {color:#5abff4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010d13
```
#010d13 rgb(1,13,19)
```
#021925
```
#021925 rgb(2,25,37)
```
#042638
```
#042638 rgb(4,38,56)
```
#05324a
```
#05324a rgb(5,50,74)
```
#063f5c
```
#063f5c rgb(6,63,92)
```
#074b6f
```
#074b6f rgb(7,75,111)
```
#095881
```
#095881 rgb(9,88,129)
```
#0a6494
```
#0a6494 rgb(10,100,148)
```
#0b71a6
```
#0b71a6 rgb(11,113,166)
```
#0c7db8
```
#0c7db8 rgb(12,125,184)
```
#0e8acb
```
#0e8acb rgb(14,138,203)
```
#0f96dd
```
#0f96dd rgb(15,150,221)
```

Shade Color Variation

#10a2ef
```
#10a2ef rgb(16,162,239)
```
#23aaf0
```
#23aaf0 rgb(35,170,240)
```
#35b1f2
```
#35b1f2 rgb(53,177,242)
```
#48b8f3
```
#48b8f3 rgb(72,184,243)
```
#5abff4
```
#5abff4 rgb(90,191,244)
```
#6cc6f5
```
#6cc6f5 rgb(108,198,245)
```
#7fcdf6
```
#7fcdf6 rgb(127,205,246)
```
#91d4f8
```
#91d4f8 rgb(145,212,248)
```
#a4dcf9
```
#a4dcf9 rgb(164,220,249)
```
#b6e3fa
```
#b6e3fa rgb(182,227,250)
```
#c8eafb
```
#c8eafb rgb(200,234,251)
```
#dbf1fd
```
#dbf1fd rgb(219,241,253)
```
#edf8fe
```
#edf8fe rgb(237,248,254)
```

Tint Color Variation

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

#a4a8aa
```
#a4a8aa rgb(164,168,170)
```
#9eaab0
```
#9eaab0 rgb(158,170,176)
```
#97acb7
```
#97acb7 rgb(151,172,183)
```
#90aebe
```
#90aebe rgb(144,174,190)
```
#89b0c5
```
#89b0c5 rgb(137,176,197)
```
#83b2cb
```
#83b2cb rgb(131,178,203)
```
#7cb4d2
```
#7cb4d2 rgb(124,180,210)
```
#75b7d9
```
#75b7d9 rgb(117,183,217)
```
#6eb9e0
```
#6eb9e0 rgb(110,185,224)
```
#68bbe6
```
#68bbe6 rgb(104,187,230)
```
#61bded
```
#61bded rgb(97,189,237)
```
#5abff4
```
#5abff4 rgb(90,191,244)
```
#53c1fb
```
#53c1fb rgb(83,193,251)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#98acb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b6ec Protanopia 1% of men
#a1b6f9 Deuteranopia 1% of men
#4ec8d6 Tritanopia 0.001% of the population

Trichromacy

#8cb9ef Protanomaly 1% of men, 0.01% of women
#87b9f7 Deuteranomaly 6% of men, 0.4% of women
#52c4e1 Tritanomaly 0.01% of the population

#5abff4 hex color

#5abff4 Color Information

#5abff4 Color Conversion

Color Schemes with #5abff4

Alternatives to #5abff4

#5abff4 Preview

Shades and Tints of #5abff4

Tones of #5abff4

Color Blindness Simulator