#5abaff hex color

In a RGB color space, hex #5abaff is composed of 35.3% red, 72.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 27.1% magenta, 0% yellow and 0% black. It has a hue angle of 205.1 degrees, a saturation of 100% and a lightness of 67.6%. #5abaff color hex could be obtained by blending #b4ffff with #0075ff. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 35
- G 73
- B 100
RGB color chart
- C 65
- M 27
- Y 0
- K 0
CMYK color chart

● #5abaff color description : Light blue.

The hexadecimal color #5abaff has RGB values of R:90, G:186, B:255 and CMYK values of C:0.65, M:0.27, Y:0, K:0. Its decimal value is 5946111.

Hex triplet	5abaff	`#5abaff`
RGB Decimal	90, 186, 255	`rgb(90,186,255)`
RGB Percent	35.3, 72.9, 100	`rgb(35.3%,72.9%,100%)`
CMYK	65, 27, 0, 0
HSL	205.1°, 100, 67.6	`hsl(205.1,100%,67.6%)`
HSV (or HSB)	205.1°, 64.7, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.567, -7.62, -42.411
XYZ	39.821, 44.509, 101.095
xyY	0.215, 0.24, 44.509
CIE-LCH	72.567, 43.09, 259.814
CIE-LUV	72.567, -37.968, -67.935
Hunter-Lab	66.715, -10.207, -43.143
Binary	01011010, 10111010, 11111111

#5abaff
```
#5abaff rgb(90,186,255)
```
#ff9f5a
```
#ff9f5a rgb(255,159,90)
```

Complementary Color

#5afff2
```
#5afff2 rgb(90,255,242)
```
#5abaff
```
#5abaff rgb(90,186,255)
```
#5a68ff
```
#5a68ff rgb(90,104,255)
```

Analogous Color

#fff25a
```
#fff25a rgb(255,242,90)
```
#5abaff
```
#5abaff rgb(90,186,255)
```
#ff5a68
```
#ff5a68 rgb(255,90,104)
```

Split Complementary Color

#baff5a
```
#baff5a rgb(186,255,90)
```
#5abaff
```
#5abaff rgb(90,186,255)
```
#ff5aba
```
#ff5aba rgb(255,90,186)
```

Triadic Color

#5aff9f
```
#5aff9f rgb(90,255,159)
```
#5abaff
```
#5abaff rgb(90,186,255)
```
#ff5aba
```
#ff5aba rgb(255,90,186)
```
#ff9f5a
```
#ff9f5a rgb(255,159,90)
```

Tetradic Color

#0e9aff
```
#0e9aff rgb(14,154,255)
```
#27a5ff
```
#27a5ff rgb(39,165,255)
```
#41afff
```
#41afff rgb(65,175,255)
```
#5abaff
```
#5abaff rgb(90,186,255)
```
#74c5ff
```
#74c5ff rgb(116,197,255)
```
#8dcfff
```
#8dcfff rgb(141,207,255)
```
#a7daff
```
#a7daff rgb(167,218,255)
```

Monochromatic Color

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

#5ae3ff
```
#5ae3ff rgb(90,227,255)
```
#5ad6ff
```
#5ad6ff rgb(90,214,255)
```
#5ac8ff
```
#5ac8ff rgb(90,200,255)
```
#5abaff
```
#5abaff rgb(90,186,255)
```
#5aacff
```
#5aacff rgb(90,172,255)
```
#5a9fff
```
#5a9fff rgb(90,159,255)
```
#5a91ff
```
#5a91ff rgb(90,145,255)
```

Similar Colors

Text with hexadecimal color #5abaff

This text has a font color of #5abaff.

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

#5abaff background color

This paragraph has a background color of #5abaff.

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

#5abaff border color

This element has a border color of #5abaff.

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

CSS codes

.text {color:#5abaff;}

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

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

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, #00070c is the darkest color, while #f7fcff is the lightest one.

#00070c
```
#00070c rgb(0,7,12)
```
#00121f
```
#00121f rgb(0,18,31)
```
#001e33
```
#001e33 rgb(0,30,51)
```
#002946
```
#002946 rgb(0,41,70)
```
#00345a
```
#00345a rgb(0,52,90)
```
#00406e
```
#00406e rgb(0,64,110)
```
#004b81
```
#004b81 rgb(0,75,129)
```
#005795
```
#005795 rgb(0,87,149)
```
#0062a8
```
#0062a8 rgb(0,98,168)
```
#006dbc
```
#006dbc rgb(0,109,188)
```
#0079d0
```
#0079d0 rgb(0,121,208)
```
#0084e3
```
#0084e3 rgb(0,132,227)
```
#0090f7
```
#0090f7 rgb(0,144,247)
```

Shade Color Variation

#0c99ff
```
#0c99ff rgb(12,153,255)
```
#1fa1ff
```
#1fa1ff rgb(31,161,255)
```
#33aaff
```
#33aaff rgb(51,170,255)
```
#46b2ff
```
#46b2ff rgb(70,178,255)
```
#5abaff
```
#5abaff rgb(90,186,255)
```
#6ec2ff
```
#6ec2ff rgb(110,194,255)
```
#81caff
```
#81caff rgb(129,202,255)
```
#95d3ff
```
#95d3ff rgb(149,211,255)
```
#a8dbff
```
#a8dbff rgb(168,219,255)
```
#bce3ff
```
#bce3ff rgb(188,227,255)
```
#d0ebff
```
#d0ebff rgb(208,235,255)
```
#e3f3ff
```
#e3f3ff rgb(227,243,255)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

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

#a6aeb3
```
#a6aeb3 rgb(166,174,179)
```
#a0afb9
```
#a0afb9 rgb(160,175,185)
```
#99b0c0
```
#99b0c0 rgb(153,176,192)
```
#93b1c6
```
#93b1c6 rgb(147,177,198)
```
#8db2cc
```
#8db2cc rgb(141,178,204)
```
#86b3d3
```
#86b3d3 rgb(134,179,211)
```
#80b4d9
```
#80b4d9 rgb(128,180,217)
```
#7ab5df
```
#7ab5df rgb(122,181,223)
```
#73b6e6
```
#73b6e6 rgb(115,182,230)
```
#6db7ec
```
#6db7ec rgb(109,183,236)
```
#67b8f2
```
#67b8f2 rgb(103,184,242)
```
#60b9f9
```
#60b9f9 rgb(96,185,249)
```
#5abaff
```
#5abaff rgb(90,186,255)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#96a9b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb3f7 Protanopia 1% of men
#95b5ff Deuteranopia 1% of men
#42c6d4 Tritanopia 0.001% of the population

Trichromacy

#86b5fa Protanomaly 1% of men, 0.01% of women
#7fb6ff Deuteranomaly 6% of men, 0.4% of women
#4bc1e3 Tritanomaly 0.01% of the population

#5abaff hex color

#5abaff Color Information

#5abaff Color Conversion

Color Schemes with #5abaff

Alternatives to #5abaff

#5abaff Preview

Shades and Tints of #5abaff

Tones of #5abaff

Color Blindness Simulator