#5060fa hex color

In a RGB color space, hex #5060fa is composed of 31.4% red, 37.6% green and 98% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 61.6% magenta, 0% yellow and 2% black. It has a hue angle of 234.4 degrees, a saturation of 94.4% and a lightness of 64.7%. #5060fa color hex could be obtained by blending #a0c0ff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 38
- B 98
RGB color chart
- C 68
- M 62
- Y 0
- K 2
CMYK color chart

● #5060fa color description : Soft blue.

The hexadecimal color #5060fa has RGB values of R:80, G:96, B:250 and CMYK values of C:0.68, M:0.62, Y:0, K:0.02. Its decimal value is 5267706.

Hex triplet	5060fa	`#5060fa`
RGB Decimal	80, 96, 250	`rgb(80,96,250)`
RGB Percent	31.4, 37.6, 98	`rgb(31.4%,37.6%,98%)`
CMYK	68, 62, 0, 2
HSL	234.4°, 94.4, 64.7	`hsl(234.4,94.4%,64.7%)`
HSV (or HSB)	234.4°, 68, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.225, 42.427, -78.625
XYZ	24.743, 16.972, 92.409
xyY	0.184, 0.127, 16.972
CIE-LCH	48.225, 89.342, 298.352
CIE-LUV	48.225, -12.544, -121.549
Hunter-Lab	41.197, 35.113, -104.156
Binary	01010000, 01100000, 11111010

#5060fa
```
#5060fa rgb(80,96,250)
```
#faea50
```
#faea50 rgb(250,234,80)
```

Complementary Color

#50b5fa
```
#50b5fa rgb(80,181,250)
```
#5060fa
```
#5060fa rgb(80,96,250)
```
#9550fa
```
#9550fa rgb(149,80,250)
```

Analogous Color

#b5fa50
```
#b5fa50 rgb(181,250,80)
```
#5060fa
```
#5060fa rgb(80,96,250)
```
#fa9550
```
#fa9550 rgb(250,149,80)
```

Split Complementary Color

#60fa50
```
#60fa50 rgb(96,250,80)
```
#5060fa
```
#5060fa rgb(80,96,250)
```
#fa5060
```
#fa5060 rgb(250,80,96)
```

Triadic Color

#50faea
```
#50faea rgb(80,250,234)
```
#5060fa
```
#5060fa rgb(80,96,250)
```
#fa5060
```
#fa5060 rgb(250,80,96)
```
#faea50
```
#faea50 rgb(250,234,80)
```

Tetradic Color

#071ef6
```
#071ef6 rgb(7,30,246)
```
#1e33f9
```
#1e33f9 rgb(30,51,249)
```
#3749f9
```
#3749f9 rgb(55,73,249)
```
#5060fa
```
#5060fa rgb(80,96,250)
```
#6977fb
```
#6977fb rgb(105,119,251)
```
#828dfb
```
#828dfb rgb(130,141,251)
```
#9aa4fc
```
#9aa4fc rgb(154,164,252)
```

Monochromatic Color

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

#508bfa
```
#508bfa rgb(80,139,250)
```
#507cfa
```
#507cfa rgb(80,124,250)
```
#506efa
```
#506efa rgb(80,110,250)
```
#5060fa
```
#5060fa rgb(80,96,250)
```
#5052fa
```
#5052fa rgb(80,82,250)
```
#5c50fa
```
#5c50fa rgb(92,80,250)
```
#6b50fa
```
#6b50fa rgb(107,80,250)
```

Similar Colors

Text with hexadecimal color #5060fa

This text has a font color of #5060fa.

<span style="color:#5060fa;">Text here</span>

#5060fa background color

This paragraph has a background color of #5060fa.

<p style="background-color:#5060fa;">Content here</p>

#5060fa border color

This element has a border color of #5060fa.

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

CSS codes

.text {color:#5060fa;}

.background {background-color:#5060fa;}

.border {border:1px solid #5060fa;}

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

#000210
```
#000210 rgb(0,2,16)
```
#010423
```
#010423 rgb(1,4,35)
```
#020636
```
#020636 rgb(2,6,54)
```
#020949
```
#020949 rgb(2,9,73)
```
#030b5c
```
#030b5c rgb(3,11,92)
```
#030d6f
```
#030d6f rgb(3,13,111)
```
#041082
```
#041082 rgb(4,16,130)
```
#041295
```
#041295 rgb(4,18,149)
```
#0514a8
```
#0514a8 rgb(5,20,168)
```
#0516bb
```
#0516bb rgb(5,22,187)
```
#0619ce
```
#0619ce rgb(6,25,206)
```
#061be1
```
#061be1 rgb(6,27,225)
```
#071df5
```
#071df5 rgb(7,29,245)
```

Shade Color Variation

#172cf8
```
#172cf8 rgb(23,44,248)
```
#2a3df9
```
#2a3df9 rgb(42,61,249)
```
#3d4ff9
```
#3d4ff9 rgb(61,79,249)
```
#5060fa
```
#5060fa rgb(80,96,250)
```
#6371fb
```
#6371fb rgb(99,113,251)
```
#7683fb
```
#7683fb rgb(118,131,251)
```
#8994fc
```
#8994fc rgb(137,148,252)
```
#9ca5fc
```
#9ca5fc rgb(156,165,252)
```
#afb7fd
```
#afb7fd rgb(175,183,253)
```
#c2c8fd
```
#c2c8fd rgb(194,200,253)
```
#d5d9fe
```
#d5d9fe rgb(213,217,254)
```
#e9ebfe
```
#e9ebfe rgb(233,235,254)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#a3a3a7
```
#a3a3a7 rgb(163,163,167)
```
#9c9eae
```
#9c9eae rgb(156,158,174)
```
#9598b5
```
#9598b5 rgb(149,152,181)
```
#8e93bc
```
#8e93bc rgb(142,147,188)
```
#878dc3
```
#878dc3 rgb(135,141,195)
```
#8087ca
```
#8087ca rgb(128,135,202)
```
#7a82d0
```
#7a82d0 rgb(122,130,208)
```
#737cd7
```
#737cd7 rgb(115,124,215)
```
#6c76de
```
#6c76de rgb(108,118,222)
```
#6571e5
```
#6571e5 rgb(101,113,229)
```
#5e6bec
```
#5e6bec rgb(94,107,236)
```
#5766f3
```
#5766f3 rgb(87,102,243)
```
#5060fa
```
#5060fa rgb(80,96,250)
```

Tone Color Variation

Below, you can see how #5060fa 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

#6d6d6d Achromatopsia 0.005% of the population
#676a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858e Tritanopia 0.001% of the population

Trichromacy

#1d6eed Protanomaly 1% of men, 0.01% of women
#1d72db Deuteranomaly 6% of men, 0.4% of women
#1d78b5 Tritanomaly 0.01% of the population

#5060fa hex color

#5060fa Color Information

#5060fa Color Conversion

Color Schemes with #5060fa

Alternatives to #5060fa

#5060fa Preview

Shades and Tints of #5060fa

Tones of #5060fa

Color Blindness Simulator