#5abefa hex color

In a RGB color space, hex #5abefa is composed of 35.3% red, 74.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 24% magenta, 0% yellow and 2% black. It has a hue angle of 202.5 degrees, a saturation of 94.1% and a lightness of 66.7%. #5abefa color hex could be obtained by blending #b4ffff with #007df5. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 75
- B 98
RGB color chart
- C 64
- M 24
- Y 0
- K 2
CMYK color chart

● #5abefa color description : Soft blue.

The hexadecimal color #5abefa has RGB values of R:90, G:190, B:250 and CMYK values of C:0.64, M:0.24, Y:0, K:0.02. Its decimal value is 5947130.

Hex triplet	5abefa	`#5abefa`
RGB Decimal	90, 190, 250	`rgb(90,190,250)`
RGB Percent	35.3, 74.5, 98	`rgb(35.3%,74.5%,98%)`
CMYK	64, 24, 0, 2
HSL	202.5°, 94.1, 66.7	`hsl(202.5,94.1%,66.7%)`
HSV (or HSB)	202.5°, 64, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.48, -11.369, -38.295
XYZ	39.881, 45.9, 97.195
xyY	0.218, 0.251, 45.9
CIE-LCH	73.48, 39.947, 253.464
CIE-LUV	73.48, -39.584, -60.49
Hunter-Lab	67.749, -13.487, -37.634
Binary	01011010, 10111110, 11111010

#5abefa
```
#5abefa rgb(90,190,250)
```
#fa965a
```
#fa965a rgb(250,150,90)
```

Complementary Color

#5afae6
```
#5afae6 rgb(90,250,230)
```
#5abefa
```
#5abefa rgb(90,190,250)
```
#5a6efa
```
#5a6efa rgb(90,110,250)
```

Analogous Color

#fae65a
```
#fae65a rgb(250,230,90)
```
#5abefa
```
#5abefa rgb(90,190,250)
```
#fa5a6e
```
#fa5a6e rgb(250,90,110)
```

Split Complementary Color

#befa5a
```
#befa5a rgb(190,250,90)
```
#5abefa
```
#5abefa rgb(90,190,250)
```
#fa5abe
```
#fa5abe rgb(250,90,190)
```

Triadic Color

#5afa96
```
#5afa96 rgb(90,250,150)
```
#5abefa
```
#5abefa rgb(90,190,250)
```
#fa5abe
```
#fa5abe rgb(250,90,190)
```
#fa965a
```
#fa965a rgb(250,150,90)
```

Tetradic Color

#10a1f8
```
#10a1f8 rgb(16,161,248)
```
#28abf9
```
#28abf9 rgb(40,171,249)
```
#41b4f9
```
#41b4f9 rgb(65,180,249)
```
#5abefa
```
#5abefa rgb(90,190,250)
```
#73c8fb
```
#73c8fb rgb(115,200,251)
```
#8cd2fc
```
#8cd2fc rgb(140,210,252)
```
#a4dbfc
```
#a4dbfc rgb(164,219,252)
```

Monochromatic Color

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

#5ae6fa
```
#5ae6fa rgb(90,230,250)
```
#5ad9fa
```
#5ad9fa rgb(90,217,250)
```
#5acbfa
```
#5acbfa rgb(90,203,250)
```
#5abefa
```
#5abefa rgb(90,190,250)
```
#5ab1fa
```
#5ab1fa rgb(90,177,250)
```
#5aa3fa
```
#5aa3fa rgb(90,163,250)
```
#5a96fa
```
#5a96fa rgb(90,150,250)
```

Similar Colors

Text with hexadecimal color #5abefa

This text has a font color of #5abefa.

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

#5abefa background color

This paragraph has a background color of #5abefa.

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

#5abefa border color

This element has a border color of #5abefa.

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

CSS codes

.text {color:#5abefa;}

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

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

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

#000406
```
#000406 rgb(0,4,6)
```
#011019
```
#011019 rgb(1,16,25)
```
#011c2c
```
#011c2c rgb(1,28,44)
```
#02283f
```
#02283f rgb(2,40,63)
```
#023552
```
#023552 rgb(2,53,82)
```
#034166
```
#034166 rgb(3,65,102)
```
#044d79
```
#044d79 rgb(4,77,121)
```
#04598c
```
#04598c rgb(4,89,140)
```
#05659f
```
#05659f rgb(5,101,159)
```
#0571b2
```
#0571b2 rgb(5,113,178)
```
#067dc5
```
#067dc5 rgb(6,125,197)
```
#0789d8
```
#0789d8 rgb(7,137,216)
```
#0795eb
```
#0795eb rgb(7,149,235)
```

Shade Color Variation

#0ea0f8
```
#0ea0f8 rgb(14,160,248)
```
#21a8f8
```
#21a8f8 rgb(33,168,248)
```
#34aff9
```
#34aff9 rgb(52,175,249)
```
#47b7f9
```
#47b7f9 rgb(71,183,249)
```
#5abefa
```
#5abefa rgb(90,190,250)
```
#6dc6fb
```
#6dc6fb rgb(109,198,251)
```
#80cdfb
```
#80cdfb rgb(128,205,251)
```
#93d5fc
```
#93d5fc rgb(147,213,252)
```
#a6dcfc
```
#a6dcfc rgb(166,220,252)
```
#b9e4fd
```
#b9e4fd rgb(185,228,253)
```
#ccebfd
```
#ccebfd rgb(204,235,253)
```
#dff3fe
```
#dff3fe rgb(223,243,254)
```
#f2faff
```
#f2faff rgb(242,250,255)
```

Tint Color Variation

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

#a8aaac
```
#a8aaac rgb(168,170,172)
```
#a2acb2
```
#a2acb2 rgb(162,172,178)
```
#9baeb9
```
#9baeb9 rgb(155,174,185)
```
#95afbf
```
#95afbf rgb(149,175,191)
```
#8eb1c6
```
#8eb1c6 rgb(142,177,198)
```
#88b3cc
```
#88b3cc rgb(136,179,204)
```
#81b4d3
```
#81b4d3 rgb(129,180,211)
```
#7bb6d9
```
#7bb6d9 rgb(123,182,217)
```
#74b7e0
```
#74b7e0 rgb(116,183,224)
```
#6eb9e6
```
#6eb9e6 rgb(110,185,230)
```
#67bbed
```
#67bbed rgb(103,187,237)
```
#61bcf3
```
#61bcf3 rgb(97,188,243)
```
#5abefa
```
#5abefa rgb(90,190,250)
```

Tone Color Variation

Below, you can see how #5abefa 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
#98acb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b6f2 Protanopia 1% of men
#9cb6fe Deuteranopia 1% of men
#49c8d6 Tritanopia 0.001% of the population

Trichromacy

#8ab9f5 Protanomaly 1% of men, 0.01% of women
#84b9fc Deuteranomaly 6% of men, 0.4% of women
#4fc4e3 Tritanomaly 0.01% of the population

#5abefa hex color

#5abefa Color Information

#5abefa Color Conversion

Color Schemes with #5abefa

Alternatives to #5abefa

#5abefa Preview

Shades and Tints of #5abefa

Tones of #5abefa

Color Blindness Simulator