#5fa6ff hex color

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

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

● #5fa6ff color description : Light blue.

The hexadecimal color #5fa6ff has RGB values of R:95, G:166, B:255 and CMYK values of C:0.63, M:0.35, Y:0, K:0. Its decimal value is 6268671.

Hex triplet	5fa6ff	`#5fa6ff`
RGB Decimal	95, 166, 255	`rgb(95,166,255)`
RGB Percent	37.3, 65.1, 100	`rgb(37.3%,65.1%,100%)`
CMYK	63, 35, 0, 0
HSL	213.4°, 100, 68.6	`hsl(213.4,100%,68.6%)`
HSV (or HSB)	213.4°, 62.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.219, 4.4, -50.802
XYZ	36.401, 36.923, 99.811
xyY	0.21, 0.213, 36.923
CIE-LCH	67.219, 50.992, 274.95
CIE-LUV	67.219, -29.867, -82.861
Hunter-Lab	60.764, 0.595, -54.854
Binary	01011111, 10100110, 11111111

#5fa6ff
```
#5fa6ff rgb(95,166,255)
```
#ffb85f
```
#ffb85f rgb(255,184,95)
```

Complementary Color

#5ff6ff
```
#5ff6ff rgb(95,246,255)
```
#5fa6ff
```
#5fa6ff rgb(95,166,255)
```
#685fff
```
#685fff rgb(104,95,255)
```

Analogous Color

#f6ff5f
```
#f6ff5f rgb(246,255,95)
```
#5fa6ff
```
#5fa6ff rgb(95,166,255)
```
#ff685f
```
#ff685f rgb(255,104,95)
```

Split Complementary Color

#a6ff5f
```
#a6ff5f rgb(166,255,95)
```
#5fa6ff
```
#5fa6ff rgb(95,166,255)
```
#ff5fa6
```
#ff5fa6 rgb(255,95,166)
```

Triadic Color

#5fffb8
```
#5fffb8 rgb(95,255,184)
```
#5fa6ff
```
#5fa6ff rgb(95,166,255)
```
#ff5fa6
```
#ff5fa6 rgb(255,95,166)
```
#ffb85f
```
#ffb85f rgb(255,184,95)
```

Tetradic Color

#137bff
```
#137bff rgb(19,123,255)
```
#2c8aff
```
#2c8aff rgb(44,138,255)
```
#4698ff
```
#4698ff rgb(70,152,255)
```
#5fa6ff
```
#5fa6ff rgb(95,166,255)
```
#79b4ff
```
#79b4ff rgb(121,180,255)
```
#92c2ff
```
#92c2ff rgb(146,194,255)
```
#acd1ff
```
#acd1ff rgb(172,209,255)
```

Monochromatic Color

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

#5fceff
```
#5fceff rgb(95,206,255)
```
#5fc1ff
```
#5fc1ff rgb(95,193,255)
```
#5fb3ff
```
#5fb3ff rgb(95,179,255)
```
#5fa6ff
```
#5fa6ff rgb(95,166,255)
```
#5f99ff
```
#5f99ff rgb(95,153,255)
```
#5f8bff
```
#5f8bff rgb(95,139,255)
```
#5f7eff
```
#5f7eff rgb(95,126,255)
```

Similar Colors

Text with hexadecimal color #5fa6ff

This text has a font color of #5fa6ff.

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

#5fa6ff background color

This paragraph has a background color of #5fa6ff.

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

#5fa6ff border color

This element has a border color of #5fa6ff.

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

CSS codes

.text {color:#5fa6ff;}

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

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

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

#000711
```
#000711 rgb(0,7,17)
```
#001024
```
#001024 rgb(0,16,36)
```
#001938
```
#001938 rgb(0,25,56)
```
#00214b
```
#00214b rgb(0,33,75)
```
#002a5f
```
#002a5f rgb(0,42,95)
```
#003373
```
#003373 rgb(0,51,115)
```
#003c86
```
#003c86 rgb(0,60,134)
```
#00449a
```
#00449a rgb(0,68,154)
```
#004dad
```
#004dad rgb(0,77,173)
```
#0056c1
```
#0056c1 rgb(0,86,193)
```
#005ed5
```
#005ed5 rgb(0,94,213)
```
#0067e8
```
#0067e8 rgb(0,103,232)
```
#0070fc
```
#0070fc rgb(0,112,252)
```

Shade Color Variation

#117aff
```
#117aff rgb(17,122,255)
```
#2485ff
```
#2485ff rgb(36,133,255)
```
#3890ff
```
#3890ff rgb(56,144,255)
```
#4b9bff
```
#4b9bff rgb(75,155,255)
```
#5fa6ff
```
#5fa6ff rgb(95,166,255)
```
#73b1ff
```
#73b1ff rgb(115,177,255)
```
#86bcff
```
#86bcff rgb(134,188,255)
```
#9ac7ff
```
#9ac7ff rgb(154,199,255)
```
#add2ff
```
#add2ff rgb(173,210,255)
```
#c1ddff
```
#c1ddff rgb(193,221,255)
```
#d5e7ff
```
#d5e7ff rgb(213,231,255)
```
#e8f2ff
```
#e8f2ff rgb(232,242,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a9aeb5
```
#a9aeb5 rgb(169,174,181)
```
#a3aebb
```
#a3aebb rgb(163,174,187)
```
#9dadc1
```
#9dadc1 rgb(157,173,193)
```
#96acc8
```
#96acc8 rgb(150,172,200)
```
#90acce
```
#90acce rgb(144,172,206)
```
#8aabd4
```
#8aabd4 rgb(138,171,212)
```
#84aada
```
#84aada rgb(132,170,218)
```
#7ea9e0
```
#7ea9e0 rgb(126,169,224)
```
#78a9e6
```
#78a9e6 rgb(120,169,230)
```
#71a8ed
```
#71a8ed rgb(113,168,237)
```
#6ba7f3
```
#6ba7f3 rgb(107,167,243)
```
#65a7f9
```
#65a7f9 rgb(101,167,249)
```
#5fa6ff
```
#5fa6ff rgb(95,166,255)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8f9daf Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a5fb Protanopia 1% of men
#73a8ff Deuteranopia 1% of men
#3db7c4 Tritanopia 0.001% of the population

Trichromacy

#78a5fc Protanomaly 1% of men, 0.01% of women
#6ca7ff Deuteranomaly 6% of men, 0.4% of women
#49b0d9 Tritanomaly 0.01% of the population

#5fa6ff hex color

#5fa6ff Color Information

#5fa6ff Color Conversion

Color Schemes with #5fa6ff

Alternatives to #5fa6ff

#5fa6ff Preview

Shades and Tints of #5fa6ff

Tones of #5fa6ff

Color Blindness Simulator