#5abef9 hex color

In a RGB color space, hex #5abef9 is composed of 35.3% red, 74.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 23.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 202.3 degrees, a saturation of 93% and a lightness of 66.5%. #5abef9 color hex could be obtained by blending #b4ffff with #007df3. 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

● #5abef9 color description : Soft blue.

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

Hex triplet	5abef9	`#5abef9`
RGB Decimal	90, 190, 249	`rgb(90,190,249)`
RGB Percent	35.3, 74.5, 97.6	`rgb(35.3%,74.5%,97.6%)`
CMYK	64, 24, 0, 2
HSL	202.3°, 93, 66.5	`hsl(202.3,93%,66.5%)`
HSV (or HSB)	202.3°, 63.9, 97.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.44, -11.684, -37.819
XYZ	39.725, 45.837, 96.371
xyY	0.218, 0.252, 45.837
CIE-LCH	73.44, 39.583, 252.832
CIE-LUV	73.44, -39.625, -59.628
Hunter-Lab	67.703, -13.746, -37.003
Binary	01011010, 10111110, 11111001

#5abef9
```
#5abef9 rgb(90,190,249)
```
#f9955a
```
#f9955a rgb(249,149,90)
```

Complementary Color

#5af9e5
```
#5af9e5 rgb(90,249,229)
```
#5abef9
```
#5abef9 rgb(90,190,249)
```
#5a6ff9
```
#5a6ff9 rgb(90,111,249)
```

Analogous Color

#f9e55a
```
#f9e55a rgb(249,229,90)
```
#5abef9
```
#5abef9 rgb(90,190,249)
```
#f95a6f
```
#f95a6f rgb(249,90,111)
```

Split Complementary Color

#bef95a
```
#bef95a rgb(190,249,90)
```
#5abef9
```
#5abef9 rgb(90,190,249)
```
#f95abe
```
#f95abe rgb(249,90,190)
```

Triadic Color

#5af995
```
#5af995 rgb(90,249,149)
```
#5abef9
```
#5abef9 rgb(90,190,249)
```
#f95abe
```
#f95abe rgb(249,90,190)
```
#f9955a
```
#f9955a rgb(249,149,90)
```

Tetradic Color

#10a1f6
```
#10a1f6 rgb(16,161,246)
```
#29abf7
```
#29abf7 rgb(41,171,247)
```
#41b4f8
```
#41b4f8 rgb(65,180,248)
```
#5abef9
```
#5abef9 rgb(90,190,249)
```
#73c8fa
```
#73c8fa rgb(115,200,250)
```
#8bd1fb
```
#8bd1fb rgb(139,209,251)
```
#a4dbfc
```
#a4dbfc rgb(164,219,252)
```

Monochromatic Color

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

#5ae6f9
```
#5ae6f9 rgb(90,230,249)
```
#5ad9f9
```
#5ad9f9 rgb(90,217,249)
```
#5acbf9
```
#5acbf9 rgb(90,203,249)
```
#5abef9
```
#5abef9 rgb(90,190,249)
```
#5ab1f9
```
#5ab1f9 rgb(90,177,249)
```
#5aa4f9
```
#5aa4f9 rgb(90,164,249)
```
#5a96f9
```
#5a96f9 rgb(90,150,249)
```

Similar Colors

Text with hexadecimal color #5abef9

This text has a font color of #5abef9.

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

#5abef9 background color

This paragraph has a background color of #5abef9.

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

#5abef9 border color

This element has a border color of #5abef9.

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

CSS codes

.text {color:#5abef9;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#011018
```
#011018 rgb(1,16,24)
```
#021c2b
```
#021c2b rgb(2,28,43)
```
#02283e
```
#02283e rgb(2,40,62)
```
#033451
```
#033451 rgb(3,52,81)
```
#044064
```
#044064 rgb(4,64,100)
```
#044c77
```
#044c77 rgb(4,76,119)
```
#05598a
```
#05598a rgb(5,89,138)
```
#06659d
```
#06659d rgb(6,101,157)
```
#0671b0
```
#0671b0 rgb(6,113,176)
```
#077dc3
```
#077dc3 rgb(7,125,195)
```
#0889d6
```
#0889d6 rgb(8,137,214)
```
#0895e8
```
#0895e8 rgb(8,149,232)
```

Shade Color Variation

#0ea0f6
```
#0ea0f6 rgb(14,160,246)
```
#21a8f7
```
#21a8f7 rgb(33,168,247)
```
#34aff8
```
#34aff8 rgb(52,175,248)
```
#47b7f8
```
#47b7f8 rgb(71,183,248)
```
#5abef9
```
#5abef9 rgb(90,190,249)
```
#6dc5fa
```
#6dc5fa rgb(109,197,250)
```
#80cdfa
```
#80cdfa rgb(128,205,250)
```
#93d4fb
```
#93d4fb rgb(147,212,251)
```
#a6dcfc
```
#a6dcfc rgb(166,220,252)
```
#b9e3fc
```
#b9e3fc rgb(185,227,252)
```
#ccebfd
```
#ccebfd rgb(204,235,253)
```
#def2fe
```
#def2fe rgb(222,242,254)
```
#f1faff
```
#f1faff rgb(241,250,255)
```

Tint Color Variation

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

#a9aaaa
```
#a9aaaa rgb(169,170,170)
```
#a2abb1
```
#a2abb1 rgb(162,171,177)
```
#9cadb7
```
#9cadb7 rgb(156,173,183)
```
#95afbe
```
#95afbe rgb(149,175,190)
```
#8fb0c4
```
#8fb0c4 rgb(143,176,196)
```
#88b2cb
```
#88b2cb rgb(136,178,203)
```
#81b4d2
```
#81b4d2 rgb(129,180,210)
```
#7bb6d8
```
#7bb6d8 rgb(123,182,216)
```
#74b7df
```
#74b7df rgb(116,183,223)
```
#6eb9e5
```
#6eb9e5 rgb(110,185,229)
```
#67bbec
```
#67bbec rgb(103,187,236)
```
#61bcf2
```
#61bcf2 rgb(97,188,242)
```
#5abef9
```
#5abef9 rgb(90,190,249)
```

Tone Color Variation

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

Dichromacy

#a6b6f1 Protanopia 1% of men
#9cb6fd Deuteranopia 1% of men
#4ac8d6 Tritanopia 0.001% of the population

Trichromacy

#8ab8f4 Protanomaly 1% of men, 0.01% of women
#84b9fb Deuteranomaly 6% of men, 0.4% of women
#50c4e3 Tritanomaly 0.01% of the population

#5abef9 hex color

#5abef9 Color Information

#5abef9 Color Conversion

Color Schemes with #5abef9

Alternatives to #5abef9

#5abef9 Preview

Shades and Tints of #5abef9

Tones of #5abef9

Color Blindness Simulator