#5fa0fc hex color

In a RGB color space, hex #5fa0fc is composed of 37.3% red, 62.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 36.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 215.2 degrees, a saturation of 96.3% and a lightness of 68%. #5fa0fc color hex could be obtained by blending #beffff with #0041f9. Closest websafe color is: #6699ff.

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

● #5fa0fc color description : Soft blue.

The hexadecimal color #5fa0fc has RGB values of R:95, G:160, B:252 and CMYK values of C:0.62, M:0.37, Y:0, K:0.01. Its decimal value is 6267132.

Hex triplet	5fa0fc	`#5fa0fc`
RGB Decimal	95, 160, 252	`rgb(95,160,252)`
RGB Percent	37.3, 62.7, 98.8	`rgb(37.3%,62.7%,98.8%)`
CMYK	62, 37, 0, 1
HSL	215.2°, 96.3, 68	`hsl(215.2,96.3%,68%)`
HSV (or HSB)	215.2°, 62.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.436, 6.874, -51.989
XYZ	34.857, 34.601, 96.932
xyY	0.209, 0.208, 34.601
CIE-LCH	65.436, 52.442, 277.532
CIE-LUV	65.436, -27.877, -84.78
Hunter-Lab	58.822, 2.837, -56.527
Binary	01011111, 10100000, 11111100

#5fa0fc
```
#5fa0fc rgb(95,160,252)
```
#fcbb5f
```
#fcbb5f rgb(252,187,95)
```

Complementary Color

#5feffc
```
#5feffc rgb(95,239,252)
```
#5fa0fc
```
#5fa0fc rgb(95,160,252)
```
#6d5ffc
```
#6d5ffc rgb(109,95,252)
```

Analogous Color

#effc5f
```
#effc5f rgb(239,252,95)
```
#5fa0fc
```
#5fa0fc rgb(95,160,252)
```
#fc6d5f
```
#fc6d5f rgb(252,109,95)
```

Split Complementary Color

#a0fc5f
```
#a0fc5f rgb(160,252,95)
```
#5fa0fc
```
#5fa0fc rgb(95,160,252)
```
#fc5fa0
```
#fc5fa0 rgb(252,95,160)
```

Triadic Color

#5ffcbb
```
#5ffcbb rgb(95,252,187)
```
#5fa0fc
```
#5fa0fc rgb(95,160,252)
```
#fc5fa0
```
#fc5fa0 rgb(252,95,160)
```
#fcbb5f
```
#fcbb5f rgb(252,187,95)
```

Tetradic Color

#1473fb
```
#1473fb rgb(20,115,251)
```
#2d82fb
```
#2d82fb rgb(45,130,251)
```
#4691fc
```
#4691fc rgb(70,145,252)
```
#5fa0fc
```
#5fa0fc rgb(95,160,252)
```
#78affc
```
#78affc rgb(120,175,252)
```
#91befd
```
#91befd rgb(145,190,253)
```
#aacdfd
```
#aacdfd rgb(170,205,253)
```

Monochromatic Color

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

#5fc7fc
```
#5fc7fc rgb(95,199,252)
```
#5fbafc
```
#5fbafc rgb(95,186,252)
```
#5fadfc
```
#5fadfc rgb(95,173,252)
```
#5fa0fc
```
#5fa0fc rgb(95,160,252)
```
#5f93fc
```
#5f93fc rgb(95,147,252)
```
#5f86fc
```
#5f86fc rgb(95,134,252)
```
#5f79fc
```
#5f79fc rgb(95,121,252)
```

Similar Colors

Text with hexadecimal color #5fa0fc

This text has a font color of #5fa0fc.

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

#5fa0fc background color

This paragraph has a background color of #5fa0fc.

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

#5fa0fc border color

This element has a border color of #5fa0fc.

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

CSS codes

.text {color:#5fa0fc;}

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

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

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

#00060d
```
#00060d rgb(0,6,13)
```
#010e21
```
#010e21 rgb(1,14,33)
```
#011634
```
#011634 rgb(1,22,52)
```
#011e47
```
#011e47 rgb(1,30,71)
```
#02265a
```
#02265a rgb(2,38,90)
```
#022f6e
```
#022f6e rgb(2,47,110)
```
#023781
```
#023781 rgb(2,55,129)
```
#033f94
```
#033f94 rgb(3,63,148)
```
#0347a7
```
#0347a7 rgb(3,71,167)
```
#034fbb
```
#034fbb rgb(3,79,187)
```
#0457ce
```
#0457ce rgb(4,87,206)
```
#0460e1
```
#0460e1 rgb(4,96,225)
```
#0568f4
```
#0568f4 rgb(5,104,244)
```

Shade Color Variation

#1272fb
```
#1272fb rgb(18,114,251)
```
#257efb
```
#257efb rgb(37,126,251)
```
#3889fb
```
#3889fb rgb(56,137,251)
```
#4c95fc
```
#4c95fc rgb(76,149,252)
```
#5fa0fc
```
#5fa0fc rgb(95,160,252)
```
#72abfc
```
#72abfc rgb(114,171,252)
```
#86b7fd
```
#86b7fd rgb(134,183,253)
```
#99c2fd
```
#99c2fd rgb(153,194,253)
```
#accefd
```
#accefd rgb(172,206,253)
```
#bfd9fe
```
#bfd9fe rgb(191,217,254)
```
#d3e5fe
```
#d3e5fe rgb(211,229,254)
```
#e6f0ff
```
#e6f0ff rgb(230,240,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#aaadb1
```
#aaadb1 rgb(170,173,177)
```
#a4acb7
```
#a4acb7 rgb(164,172,183)
```
#9eabbd
```
#9eabbd rgb(158,171,189)
```
#97aac4
```
#97aac4 rgb(151,170,196)
```
#91a9ca
```
#91a9ca rgb(145,169,202)
```
#8ba8d0
```
#8ba8d0 rgb(139,168,208)
```
#85a6d6
```
#85a6d6 rgb(133,166,214)
```
#7ea5dd
```
#7ea5dd rgb(126,165,221)
```
#78a4e3
```
#78a4e3 rgb(120,164,227)
```
#72a3e9
```
#72a3e9 rgb(114,163,233)
```
#6ca2ef
```
#6ca2ef rgb(108,162,239)
```
#65a1f6
```
#65a1f6 rgb(101,161,246)
```
#5fa0fc
```
#5fa0fc rgb(95,160,252)
```

Tone Color Variation

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

#7fa1f9 Protanopia 1% of men
#6aa4fc Deuteranopia 1% of men
#3cb2bf Tritanopia 0.001% of the population

Trichromacy

#73a0fa Protanomaly 1% of men, 0.01% of women
#66a2fc Deuteranomaly 6% of men, 0.4% of women
#49abd5 Tritanomaly 0.01% of the population

#5fa0fc hex color

#5fa0fc Color Information

#5fa0fc Color Conversion

Color Schemes with #5fa0fc

Alternatives to #5fa0fc

#5fa0fc Preview

Shades and Tints of #5fa0fc

Tones of #5fa0fc

Color Blindness Simulator