#5fa0f9 hex color

In a RGB color space, hex #5fa0f9 is composed of 37.3% red, 62.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 35.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 214.7 degrees, a saturation of 92.8% and a lightness of 67.5%. #5fa0f9 color hex could be obtained by blending #beffff with #0041f3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 63
- B 98
RGB color chart
- C 62
- M 36
- Y 0
- K 2
CMYK color chart

● #5fa0f9 color description : Soft blue.

The hexadecimal color #5fa0f9 has RGB values of R:95, G:160, B:249 and CMYK values of C:0.62, M:0.36, Y:0, K:0.02. Its decimal value is 6267129.

Hex triplet	5fa0f9	`#5fa0f9`
RGB Decimal	95, 160, 249	`rgb(95,160,249)`
RGB Percent	37.3, 62.7, 97.6	`rgb(37.3%,62.7%,97.6%)`
CMYK	62, 36, 0, 2
HSL	214.7°, 92.8, 67.5	`hsl(214.7,92.8%,67.5%)`
HSV (or HSB)	214.7°, 61.8, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.288, 5.891, -50.587
XYZ	34.385, 34.412, 94.447
xyY	0.211, 0.211, 34.412
CIE-LCH	65.288, 50.929, 276.642
CIE-LUV	65.288, -27.928, -82.28
Hunter-Lab	58.662, 1.972, -54.396
Binary	01011111, 10100000, 11111001

#5fa0f9
```
#5fa0f9 rgb(95,160,249)
```
#f9b85f
```
#f9b85f rgb(249,184,95)
```

Complementary Color

#5fedf9
```
#5fedf9 rgb(95,237,249)
```
#5fa0f9
```
#5fa0f9 rgb(95,160,249)
```
#6b5ff9
```
#6b5ff9 rgb(107,95,249)
```

Analogous Color

#edf95f
```
#edf95f rgb(237,249,95)
```
#5fa0f9
```
#5fa0f9 rgb(95,160,249)
```
#f96b5f
```
#f96b5f rgb(249,107,95)
```

Split Complementary Color

#a0f95f
```
#a0f95f rgb(160,249,95)
```
#5fa0f9
```
#5fa0f9 rgb(95,160,249)
```
#f95fa0
```
#f95fa0 rgb(249,95,160)
```

Triadic Color

#5ff9b8
```
#5ff9b8 rgb(95,249,184)
```
#5fa0f9
```
#5fa0f9 rgb(95,160,249)
```
#f95fa0
```
#f95fa0 rgb(249,95,160)
```
#f9b85f
```
#f9b85f rgb(249,184,95)
```

Tetradic Color

#1574f6
```
#1574f6 rgb(21,116,246)
```
#2e83f7
```
#2e83f7 rgb(46,131,247)
```
#4691f8
```
#4691f8 rgb(70,145,248)
```
#5fa0f9
```
#5fa0f9 rgb(95,160,249)
```
#78affa
```
#78affa rgb(120,175,250)
```
#90bdfb
```
#90bdfb rgb(144,189,251)
```
#a9ccfc
```
#a9ccfc rgb(169,204,252)
```

Monochromatic Color

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

#5fc7f9
```
#5fc7f9 rgb(95,199,249)
```
#5fbaf9
```
#5fbaf9 rgb(95,186,249)
```
#5fadf9
```
#5fadf9 rgb(95,173,249)
```
#5fa0f9
```
#5fa0f9 rgb(95,160,249)
```
#5f93f9
```
#5f93f9 rgb(95,147,249)
```
#5f86f9
```
#5f86f9 rgb(95,134,249)
```
#5f7af9
```
#5f7af9 rgb(95,122,249)
```

Similar Colors

Text with hexadecimal color #5fa0f9

This text has a font color of #5fa0f9.

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

#5fa0f9 background color

This paragraph has a background color of #5fa0f9.

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

#5fa0f9 border color

This element has a border color of #5fa0f9.

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

CSS codes

.text {color:#5fa0f9;}

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

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

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, #00050a is the darkest color, while #f6faff is the lightest one.

#00050a
```
#00050a rgb(0,5,10)
```
#010d1d
```
#010d1d rgb(1,13,29)
```
#021530
```
#021530 rgb(2,21,48)
```
#031e43
```
#031e43 rgb(3,30,67)
```
#032656
```
#032656 rgb(3,38,86)
```
#042e69
```
#042e69 rgb(4,46,105)
```
#05377c
```
#05377c rgb(5,55,124)
```
#053f8f
```
#053f8f rgb(5,63,143)
```
#0648a1
```
#0648a1 rgb(6,72,161)
```
#0750b4
```
#0750b4 rgb(7,80,180)
```
#0758c7
```
#0758c7 rgb(7,88,199)
```
#0861da
```
#0861da rgb(8,97,218)
```
#0969ed
```
#0969ed rgb(9,105,237)
```

Shade Color Variation

#1373f6
```
#1373f6 rgb(19,115,246)
```
#267ef7
```
#267ef7 rgb(38,126,247)
```
#398af8
```
#398af8 rgb(57,138,248)
```
#4c95f8
```
#4c95f8 rgb(76,149,248)
```
#5fa0f9
```
#5fa0f9 rgb(95,160,249)
```
#72abfa
```
#72abfa rgb(114,171,250)
```
#85b6fa
```
#85b6fa rgb(133,182,250)
```
#98c2fb
```
#98c2fb rgb(152,194,251)
```
#abcdfc
```
#abcdfc rgb(171,205,252)
```
#bed8fd
```
#bed8fd rgb(190,216,253)
```
#d0e3fd
```
#d0e3fd rgb(208,227,253)
```
#e3effe
```
#e3effe rgb(227,239,254)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#acacac
```
#acacac rgb(172,172,172)
```
#a5abb3
```
#a5abb3 rgb(165,171,179)
```
#9faab9
```
#9faab9 rgb(159,170,185)
```
#98a9c0
```
#98a9c0 rgb(152,169,192)
```
#92a8c6
```
#92a8c6 rgb(146,168,198)
```
#8ca7cc
```
#8ca7cc rgb(140,167,204)
```
#85a6d3
```
#85a6d3 rgb(133,166,211)
```
#7fa5d9
```
#7fa5d9 rgb(127,165,217)
```
#79a4df
```
#79a4df rgb(121,164,223)
```
#72a3e6
```
#72a3e6 rgb(114,163,230)
```
#6ca2ec
```
#6ca2ec rgb(108,162,236)
```
#65a1f3
```
#65a1f3 rgb(101,161,243)
```
#5fa0f9
```
#5fa0f9 rgb(95,160,249)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8c99ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a0f6 Protanopia 1% of men
#6da3f9 Deuteranopia 1% of men
#3fb1be Tritanopia 0.001% of the population

Trichromacy

#74a0f7 Protanomaly 1% of men, 0.01% of women
#68a2f9 Deuteranomaly 6% of men, 0.4% of women
#4aabd3 Tritanomaly 0.01% of the population

#5fa0f9 hex color

#5fa0f9 Color Information

#5fa0f9 Color Conversion

Color Schemes with #5fa0f9

Alternatives to #5fa0f9

#5fa0f9 Preview

Shades and Tints of #5fa0f9

Tones of #5fa0f9

Color Blindness Simulator