#5faaff hex color

In a RGB color space, hex #5faaff is composed of 37.3% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 211.9 degrees, a saturation of 100% and a lightness of 68.6%. #5faaff color hex could be obtained by blending #beffff with #0055ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 67
- B 100
RGB color chart
- C 63
- M 33
- Y 0
- K 0
CMYK color chart

● #5faaff color description : Light blue.

The hexadecimal color #5faaff has RGB values of R:95, G:170, B:255 and CMYK values of C:0.63, M:0.33, Y:0, K:0. Its decimal value is 6269695.

Hex triplet	5faaff	`#5faaff`
RGB Decimal	95, 170, 255	`rgb(95,170,255)`
RGB Percent	37.3, 66.7, 100	`rgb(37.3%,66.7%,100%)`
CMYK	63, 33, 0, 0
HSL	211.9°, 100, 68.6	`hsl(211.9,100%,68.6%)`
HSV (or HSB)	211.9°, 62.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.314, 2.118, -49.074
XYZ	37.14, 38.4, 100.057
xyY	0.212, 0.219, 38.4
CIE-LCH	68.314, 49.119, 272.472
CIE-LUV	68.314, -31.242, -79.868
Hunter-Lab	61.968, -1.461, -52.356
Binary	01011111, 10101010, 11111111

#5faaff
```
#5faaff rgb(95,170,255)
```
#ffb45f
```
#ffb45f rgb(255,180,95)
```

Complementary Color

#5ffaff
```
#5ffaff rgb(95,250,255)
```
#5faaff
```
#5faaff rgb(95,170,255)
```
#645fff
```
#645fff rgb(100,95,255)
```

Analogous Color

#faff5f
```
#faff5f rgb(250,255,95)
```
#5faaff
```
#5faaff rgb(95,170,255)
```
#ff645f
```
#ff645f rgb(255,100,95)
```

Split Complementary Color

#aaff5f
```
#aaff5f rgb(170,255,95)
```
#5faaff
```
#5faaff rgb(95,170,255)
```
#ff5faa
```
#ff5faa rgb(255,95,170)
```

Triadic Color

#5fffb4
```
#5fffb4 rgb(95,255,180)
```
#5faaff
```
#5faaff rgb(95,170,255)
```
#ff5faa
```
#ff5faa rgb(255,95,170)
```
#ffb45f
```
#ffb45f rgb(255,180,95)
```

Tetradic Color

#1381ff
```
#1381ff rgb(19,129,255)
```
#2c8fff
```
#2c8fff rgb(44,143,255)
```
#469cff
```
#469cff rgb(70,156,255)
```
#5faaff
```
#5faaff rgb(95,170,255)
```
#79b8ff
```
#79b8ff rgb(121,184,255)
```
#92c5ff
```
#92c5ff rgb(146,197,255)
```
#acd3ff
```
#acd3ff rgb(172,211,255)
```

Monochromatic Color

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

#5fd2ff
```
#5fd2ff rgb(95,210,255)
```
#5fc5ff
```
#5fc5ff rgb(95,197,255)
```
#5fb7ff
```
#5fb7ff rgb(95,183,255)
```
#5faaff
```
#5faaff rgb(95,170,255)
```
#5f9dff
```
#5f9dff rgb(95,157,255)
```
#5f8fff
```
#5f8fff rgb(95,143,255)
```
#5f82ff
```
#5f82ff rgb(95,130,255)
```

Similar Colors

Text with hexadecimal color #5faaff

This text has a font color of #5faaff.

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

#5faaff background color

This paragraph has a background color of #5faaff.

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

#5faaff border color

This element has a border color of #5faaff.

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

CSS codes

.text {color:#5faaff;}

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

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

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

#000811
```
#000811 rgb(0,8,17)
```
#001124
```
#001124 rgb(0,17,36)
```
#001a38
```
#001a38 rgb(0,26,56)
```
#00234b
```
#00234b rgb(0,35,75)
```
#002d5f
```
#002d5f rgb(0,45,95)
```
#003673
```
#003673 rgb(0,54,115)
```
#003f86
```
#003f86 rgb(0,63,134)
```
#00489a
```
#00489a rgb(0,72,154)
```
#0051ad
```
#0051ad rgb(0,81,173)
```
#005bc1
```
#005bc1 rgb(0,91,193)
```
#0064d5
```
#0064d5 rgb(0,100,213)
```
#006de8
```
#006de8 rgb(0,109,232)
```
#0076fc
```
#0076fc rgb(0,118,252)
```

Shade Color Variation

#1180ff
```
#1180ff rgb(17,128,255)
```
#248bff
```
#248bff rgb(36,139,255)
```
#3895ff
```
#3895ff rgb(56,149,255)
```
#4ba0ff
```
#4ba0ff rgb(75,160,255)
```
#5faaff
```
#5faaff rgb(95,170,255)
```
#73b4ff
```
#73b4ff rgb(115,180,255)
```
#86bfff
```
#86bfff rgb(134,191,255)
```
#9ac9ff
```
#9ac9ff rgb(154,201,255)
```
#add4ff
```
#add4ff rgb(173,212,255)
```
#c1deff
```
#c1deff rgb(193,222,255)
```
#d5e9ff
```
#d5e9ff rgb(213,233,255)
```
#e8f3ff
```
#e8f3ff rgb(232,243,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a9afb5
```
#a9afb5 rgb(169,175,181)
```
#a3aebb
```
#a3aebb rgb(163,174,187)
```
#9daec1
```
#9daec1 rgb(157,174,193)
```
#96adc8
```
#96adc8 rgb(150,173,200)
```
#90adce
```
#90adce rgb(144,173,206)
```
#8aadd4
```
#8aadd4 rgb(138,173,212)
```
#84acda
```
#84acda rgb(132,172,218)
```
#7eace0
```
#7eace0 rgb(126,172,224)
```
#78ace6
```
#78ace6 rgb(120,172,230)
```
#71abed
```
#71abed rgb(113,171,237)
```
#6babf3
```
#6babf3 rgb(107,171,243)
```
#65aaf9
```
#65aaf9 rgb(101,170,249)
```
#5faaff
```
#5faaff rgb(95,170,255)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#91a0b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba8fa Protanopia 1% of men
#7babff Deuteranopia 1% of men
#40bac7 Tritanopia 0.001% of the population

Trichromacy

#7ba9fc Protanomaly 1% of men, 0.01% of women
#70aaff Deuteranomaly 6% of men, 0.4% of women
#4bb4db Tritanomaly 0.01% of the population

#5faaff hex color

#5faaff Color Information

#5faaff Color Conversion

Color Schemes with #5faaff

Alternatives to #5faaff

#5faaff Preview

Shades and Tints of #5faaff

Tones of #5faaff

Color Blindness Simulator