#5ab0ff hex color

In a RGB color space, hex #5ab0ff is composed of 35.3% red, 69% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 31% magenta, 0% yellow and 0% black. It has a hue angle of 208.7 degrees, a saturation of 100% and a lightness of 67.6%. #5ab0ff color hex could be obtained by blending #b4ffff with #0061ff. Closest websafe color is: #6699ff.

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

● #5ab0ff color description : Light blue.

The hexadecimal color #5ab0ff has RGB values of R:90, G:176, B:255 and CMYK values of C:0.65, M:0.31, Y:0, K:0. Its decimal value is 5943551.

Hex triplet	5ab0ff	`#5ab0ff`
RGB Decimal	90, 176, 255	`rgb(90,176,255)`
RGB Percent	35.3, 69, 100	`rgb(35.3%,69%,100%)`
CMYK	65, 31, 0, 0
HSL	208.7°, 100, 67.6	`hsl(208.7,100%,67.6%)`
HSV (or HSB)	208.7°, 64.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.783, -2.099, -46.774
XYZ	37.788, 40.442, 100.417
xyY	0.212, 0.226, 40.442
CIE-LCH	69.783, 46.821, 267.43
CIE-LUV	69.783, -34.477, -75.702
Hunter-Lab	63.594, -5.224, -49.105
Binary	01011010, 10110000, 11111111

#5ab0ff
```
#5ab0ff rgb(90,176,255)
```
#ffa95a
```
#ffa95a rgb(255,169,90)
```

Complementary Color

#5afffc
```
#5afffc rgb(90,255,252)
```
#5ab0ff
```
#5ab0ff rgb(90,176,255)
```
#5a5eff
```
#5a5eff rgb(90,94,255)
```

Analogous Color

#fffc5a
```
#fffc5a rgb(255,252,90)
```
#5ab0ff
```
#5ab0ff rgb(90,176,255)
```
#ff5a5e
```
#ff5a5e rgb(255,90,94)
```

Split Complementary Color

#b0ff5a
```
#b0ff5a rgb(176,255,90)
```
#5ab0ff
```
#5ab0ff rgb(90,176,255)
```
#ff5ab0
```
#ff5ab0 rgb(255,90,176)
```

Triadic Color

#5affa9
```
#5affa9 rgb(90,255,169)
```
#5ab0ff
```
#5ab0ff rgb(90,176,255)
```
#ff5ab0
```
#ff5ab0 rgb(255,90,176)
```
#ffa95a
```
#ffa95a rgb(255,169,90)
```

Tetradic Color

#0e8bff
```
#0e8bff rgb(14,139,255)
```
#2798ff
```
#2798ff rgb(39,152,255)
```
#41a4ff
```
#41a4ff rgb(65,164,255)
```
#5ab0ff
```
#5ab0ff rgb(90,176,255)
```
#74bcff
```
#74bcff rgb(116,188,255)
```
#8dc8ff
```
#8dc8ff rgb(141,200,255)
```
#a7d5ff
```
#a7d5ff rgb(167,213,255)
```

Monochromatic Color

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

#5ad9ff
```
#5ad9ff rgb(90,217,255)
```
#5accff
```
#5accff rgb(90,204,255)
```
#5abeff
```
#5abeff rgb(90,190,255)
```
#5ab0ff
```
#5ab0ff rgb(90,176,255)
```
#5aa2ff
```
#5aa2ff rgb(90,162,255)
```
#5a95ff
```
#5a95ff rgb(90,149,255)
```
#5a87ff
```
#5a87ff rgb(90,135,255)
```

Similar Colors

Text with hexadecimal color #5ab0ff

This text has a font color of #5ab0ff.

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

#5ab0ff background color

This paragraph has a background color of #5ab0ff.

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

#5ab0ff border color

This element has a border color of #5ab0ff.

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

CSS codes

.text {color:#5ab0ff;}

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

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

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

#00060c
```
#00060c rgb(0,6,12)
```
#00101f
```
#00101f rgb(0,16,31)
```
#001a33
```
#001a33 rgb(0,26,51)
```
#002546
```
#002546 rgb(0,37,70)
```
#002f5a
```
#002f5a rgb(0,47,90)
```
#00396e
```
#00396e rgb(0,57,110)
```
#004381
```
#004381 rgb(0,67,129)
```
#004e95
```
#004e95 rgb(0,78,149)
```
#0058a8
```
#0058a8 rgb(0,88,168)
```
#0062bc
```
#0062bc rgb(0,98,188)
```
#006cd0
```
#006cd0 rgb(0,108,208)
```
#0076e3
```
#0076e3 rgb(0,118,227)
```
#0081f7
```
#0081f7 rgb(0,129,247)
```

Shade Color Variation

#0c8aff
```
#0c8aff rgb(12,138,255)
```
#1f94ff
```
#1f94ff rgb(31,148,255)
```
#339dff
```
#339dff rgb(51,157,255)
```
#46a7ff
```
#46a7ff rgb(70,167,255)
```
#5ab0ff
```
#5ab0ff rgb(90,176,255)
```
#6eb9ff
```
#6eb9ff rgb(110,185,255)
```
#81c3ff
```
#81c3ff rgb(129,195,255)
```
#95ccff
```
#95ccff rgb(149,204,255)
```
#a8d6ff
```
#a8d6ff rgb(168,214,255)
```
#bcdfff
```
#bcdfff rgb(188,223,255)
```
#d0e8ff
```
#d0e8ff rgb(208,232,255)
```
#e3f2ff
```
#e3f2ff rgb(227,242,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#a6adb3
```
#a6adb3 rgb(166,173,179)
```
#a0adb9
```
#a0adb9 rgb(160,173,185)
```
#99adc0
```
#99adc0 rgb(153,173,192)
```
#93aec6
```
#93aec6 rgb(147,174,198)
```
#8daecc
```
#8daecc rgb(141,174,204)
```
#86aed3
```
#86aed3 rgb(134,174,211)
```
#80aed9
```
#80aed9 rgb(128,174,217)
```
#7aafdf
```
#7aafdf rgb(122,175,223)
```
#73afe6
```
#73afe6 rgb(115,175,230)
```
#6dafec
```
#6dafec rgb(109,175,236)
```
#67aff2
```
#67aff2 rgb(103,175,242)
```
#60b0f9
```
#60b0f9 rgb(96,176,249)
```
#5ab0ff
```
#5ab0ff rgb(90,176,255)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#91a2b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93acf9 Protanopia 1% of men
#84aeff Deuteranopia 1% of men
#3bbecc Tritanopia 0.001% of the population

Trichromacy

#7eadfb Protanomaly 1% of men, 0.01% of women
#75afff Deuteranomaly 6% of men, 0.4% of women
#46b9de Tritanomaly 0.01% of the population

#5ab0ff hex color

#5ab0ff Color Information

#5ab0ff Color Conversion

Color Schemes with #5ab0ff

Alternatives to #5ab0ff

#5ab0ff Preview

Shades and Tints of #5ab0ff

Tones of #5ab0ff

Color Blindness Simulator