#5aafff hex color

In a RGB color space, hex #5aafff is composed of 35.3% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 209.1 degrees, a saturation of 100% and a lightness of 67.6%. #5aafff color hex could be obtained by blending #b4ffff with #005fff. 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

● #5aafff color description : Light blue.

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

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

CIE-LAB	69.506, -1.54, -47.21
XYZ	37.592, 40.051, 100.352
xyY	0.211, 0.225, 40.051
CIE-LCH	69.506, 47.235, 268.132
CIE-LUV	69.506, -34.131, -76.469
Hunter-Lab	63.286, -4.72, -49.716
Binary	01011010, 10101111, 11111111

#5aafff
```
#5aafff rgb(90,175,255)
```
#ffaa5a
```
#ffaa5a rgb(255,170,90)
```

Complementary Color

#5afffd
```
#5afffd rgb(90,255,253)
```
#5aafff
```
#5aafff rgb(90,175,255)
```
#5a5dff
```
#5a5dff rgb(90,93,255)
```

Analogous Color

#fffd5a
```
#fffd5a rgb(255,253,90)
```
#5aafff
```
#5aafff rgb(90,175,255)
```
#ff5a5d
```
#ff5a5d rgb(255,90,93)
```

Split Complementary Color

#afff5a
```
#afff5a rgb(175,255,90)
```
#5aafff
```
#5aafff rgb(90,175,255)
```
#ff5aaf
```
#ff5aaf rgb(255,90,175)
```

Triadic Color

#5affaa
```
#5affaa rgb(90,255,170)
```
#5aafff
```
#5aafff rgb(90,175,255)
```
#ff5aaf
```
#ff5aaf rgb(255,90,175)
```
#ffaa5a
```
#ffaa5a rgb(255,170,90)
```

Tetradic Color

#0e8aff
```
#0e8aff rgb(14,138,255)
```
#2796ff
```
#2796ff rgb(39,150,255)
```
#41a3ff
```
#41a3ff rgb(65,163,255)
```
#5aafff
```
#5aafff rgb(90,175,255)
```
#74bbff
```
#74bbff rgb(116,187,255)
```
#8dc8ff
```
#8dc8ff rgb(141,200,255)
```
#a7d4ff
```
#a7d4ff rgb(167,212,255)
```

Monochromatic Color

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

#5ad8ff
```
#5ad8ff rgb(90,216,255)
```
#5acbff
```
#5acbff rgb(90,203,255)
```
#5abdff
```
#5abdff rgb(90,189,255)
```
#5aafff
```
#5aafff rgb(90,175,255)
```
#5aa1ff
```
#5aa1ff rgb(90,161,255)
```
#5a94ff
```
#5a94ff rgb(90,148,255)
```
#5a86ff
```
#5a86ff rgb(90,134,255)
```

Similar Colors

Text with hexadecimal color #5aafff

This text has a font color of #5aafff.

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

#5aafff background color

This paragraph has a background color of #5aafff.

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

#5aafff border color

This element has a border color of #5aafff.

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

CSS codes

.text {color:#5aafff;}

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

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

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)
```
#002446
```
#002446 rgb(0,36,70)
```
#002e5a
```
#002e5a rgb(0,46,90)
```
#00386e
```
#00386e rgb(0,56,110)
```
#004381
```
#004381 rgb(0,67,129)
```
#004d95
```
#004d95 rgb(0,77,149)
```
#0057a8
```
#0057a8 rgb(0,87,168)
```
#0061bc
```
#0061bc rgb(0,97,188)
```
#006bd0
```
#006bd0 rgb(0,107,208)
```
#0075e3
```
#0075e3 rgb(0,117,227)
```
#007ff7
```
#007ff7 rgb(0,127,247)
```

Shade Color Variation

#0c89ff
```
#0c89ff rgb(12,137,255)
```
#1f92ff
```
#1f92ff rgb(31,146,255)
```
#339cff
```
#339cff rgb(51,156,255)
```
#46a5ff
```
#46a5ff rgb(70,165,255)
```
#5aafff
```
#5aafff rgb(90,175,255)
```
#6eb9ff
```
#6eb9ff rgb(110,185,255)
```
#81c2ff
```
#81c2ff rgb(129,194,255)
```
#95ccff
```
#95ccff rgb(149,204,255)
```
#a8d5ff
```
#a8d5ff rgb(168,213,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 #5aafff is the most saturated one.

#a6adb3
```
#a6adb3 rgb(166,173,179)
```
#a0adb9
```
#a0adb9 rgb(160,173,185)
```
#99adc0
```
#99adc0 rgb(153,173,192)
```
#93adc6
```
#93adc6 rgb(147,173,198)
```
#8dadcc
```
#8dadcc rgb(141,173,204)
```
#86aed3
```
#86aed3 rgb(134,174,211)
```
#80aed9
```
#80aed9 rgb(128,174,217)
```
#7aaedf
```
#7aaedf rgb(122,174,223)
```
#73aee6
```
#73aee6 rgb(115,174,230)
```
#6daeec
```
#6daeec rgb(109,174,236)
```
#67aff2
```
#67aff2 rgb(103,175,242)
```
#60aff9
```
#60aff9 rgb(96,175,249)
```
#5aafff
```
#5aafff rgb(90,175,255)
```

Tone Color Variation

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

#91abf9 Protanopia 1% of men
#82adff Deuteranopia 1% of men
#3abdcb Tritanopia 0.001% of the population

Trichromacy

#7dacfb Protanomaly 1% of men, 0.01% of women
#74aeff Deuteranomaly 6% of men, 0.4% of women
#45b8de Tritanomaly 0.01% of the population

#5aafff hex color

#5aafff Color Information

#5aafff Color Conversion

Color Schemes with #5aafff

Alternatives to #5aafff

#5aafff Preview

Shades and Tints of #5aafff

Tones of #5aafff

Color Blindness Simulator