#5abdff hex color

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

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

● #5abdff color description : Light blue.

The hexadecimal color #5abdff has RGB values of R:90, G:189, B:255 and CMYK values of C:0.65, M:0.26, Y:0, K:0. Its decimal value is 5946879.

Hex triplet	5abdff	`#5abdff`
RGB Decimal	90, 189, 255	`rgb(90,189,255)`
RGB Percent	35.3, 74.1, 100	`rgb(35.3%,74.1%,100%)`
CMYK	65, 26, 0, 0
HSL	204°, 100, 67.6	`hsl(204,100%,67.6%)`
HSV (or HSB)	204°, 64.7, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	73.406, -9.248, -41.101
XYZ	40.46, 45.786, 101.308
xyY	0.216, 0.244, 45.786
CIE-LCH	73.406, 42.129, 257.319
CIE-LUV	73.406, -39.024, -65.578
Hunter-Lab	67.665, -11.682, -41.403
Binary	01011010, 10111101, 11111111

#5abdff
```
#5abdff rgb(90,189,255)
```
#ff9c5a
```
#ff9c5a rgb(255,156,90)
```

Complementary Color

#5affef
```
#5affef rgb(90,255,239)
```
#5abdff
```
#5abdff rgb(90,189,255)
```
#5a6bff
```
#5a6bff rgb(90,107,255)
```

Analogous Color

#ffef5a
```
#ffef5a rgb(255,239,90)
```
#5abdff
```
#5abdff rgb(90,189,255)
```
#ff5a6b
```
#ff5a6b rgb(255,90,107)
```

Split Complementary Color

#bdff5a
```
#bdff5a rgb(189,255,90)
```
#5abdff
```
#5abdff rgb(90,189,255)
```
#ff5abd
```
#ff5abd rgb(255,90,189)
```

Triadic Color

#5aff9c
```
#5aff9c rgb(90,255,156)
```
#5abdff
```
#5abdff rgb(90,189,255)
```
#ff5abd
```
#ff5abd rgb(255,90,189)
```
#ff9c5a
```
#ff9c5a rgb(255,156,90)
```

Tetradic Color

#0e9eff
```
#0e9eff rgb(14,158,255)
```
#27a9ff
```
#27a9ff rgb(39,169,255)
```
#41b3ff
```
#41b3ff rgb(65,179,255)
```
#5abdff
```
#5abdff rgb(90,189,255)
```
#74c7ff
```
#74c7ff rgb(116,199,255)
```
#8dd1ff
```
#8dd1ff rgb(141,209,255)
```
#a7dcff
```
#a7dcff rgb(167,220,255)
```

Monochromatic Color

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

#5ae6ff
```
#5ae6ff rgb(90,230,255)
```
#5ad9ff
```
#5ad9ff rgb(90,217,255)
```
#5acbff
```
#5acbff rgb(90,203,255)
```
#5abdff
```
#5abdff rgb(90,189,255)
```
#5aafff
```
#5aafff rgb(90,175,255)
```
#5aa2ff
```
#5aa2ff rgb(90,162,255)
```
#5a94ff
```
#5a94ff rgb(90,148,255)
```

Similar Colors

Text with hexadecimal color #5abdff

This text has a font color of #5abdff.

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

#5abdff background color

This paragraph has a background color of #5abdff.

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

#5abdff border color

This element has a border color of #5abdff.

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

CSS codes

.text {color:#5abdff;}

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

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

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)
```
#00131f
```
#00131f rgb(0,19,31)
```
#001e33
```
#001e33 rgb(0,30,51)
```
#002a46
```
#002a46 rgb(0,42,70)
```
#00365a
```
#00365a rgb(0,54,90)
```
#00426e
```
#00426e rgb(0,66,110)
```
#004e81
```
#004e81 rgb(0,78,129)
```
#005995
```
#005995 rgb(0,89,149)
```
#0065a8
```
#0065a8 rgb(0,101,168)
```
#0071bc
```
#0071bc rgb(0,113,188)
```
#007dd0
```
#007dd0 rgb(0,125,208)
```
#0088e3
```
#0088e3 rgb(0,136,227)
```
#0094f7
```
#0094f7 rgb(0,148,247)
```

Shade Color Variation

#0c9eff
```
#0c9eff rgb(12,158,255)
```
#1fa5ff
```
#1fa5ff rgb(31,165,255)
```
#33adff
```
#33adff rgb(51,173,255)
```
#46b5ff
```
#46b5ff rgb(70,181,255)
```
#5abdff
```
#5abdff rgb(90,189,255)
```
#6ec5ff
```
#6ec5ff rgb(110,197,255)
```
#81cdff
```
#81cdff rgb(129,205,255)
```
#95d5ff
```
#95d5ff rgb(149,213,255)
```
#a8dcff
```
#a8dcff rgb(168,220,255)
```
#bce4ff
```
#bce4ff rgb(188,228,255)
```
#d0ecff
```
#d0ecff rgb(208,236,255)
```
#e3f4ff
```
#e3f4ff rgb(227,244,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 #5abdff is the most saturated one.

#a6aeb3
```
#a6aeb3 rgb(166,174,179)
```
#a0afb9
```
#a0afb9 rgb(160,175,185)
```
#99b0c0
```
#99b0c0 rgb(153,176,192)
```
#93b2c6
```
#93b2c6 rgb(147,178,198)
```
#8db3cc
```
#8db3cc rgb(141,179,204)
```
#86b4d3
```
#86b4d3 rgb(134,180,211)
```
#80b5d9
```
#80b5d9 rgb(128,181,217)
```
#7ab7df
```
#7ab7df rgb(122,183,223)
```
#73b8e6
```
#73b8e6 rgb(115,184,230)
```
#6db9ec
```
#6db9ec rgb(109,185,236)
```
#67baf2
```
#67baf2 rgb(103,186,242)
```
#60bcf9
```
#60bcf9 rgb(96,188,249)
```
#5abdff
```
#5abdff rgb(90,189,255)
```

Tone Color Variation

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

Dichromacy

#a3b5f7 Protanopia 1% of men
#99b7ff Deuteranopia 1% of men
#44c8d7 Tritanopia 0.001% of the population

Trichromacy

#88b8fa Protanomaly 1% of men, 0.01% of women
#82b9ff Deuteranomaly 6% of men, 0.4% of women
#4cc4e5 Tritanomaly 0.01% of the population

#5abdff hex color

#5abdff Color Information

#5abdff Color Conversion

Color Schemes with #5abdff

Alternatives to #5abdff

#5abdff Preview

Shades and Tints of #5abdff

Tones of #5abdff

Color Blindness Simulator