#5060f1 hex color

In a RGB color space, hex #5060f1 is composed of 31.4% red, 37.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 60.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 234 degrees, a saturation of 85.2% and a lightness of 62.9%. #5060f1 color hex could be obtained by blending #a0c0ff with #0000e3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 31
- G 38
- B 95
RGB color chart
- C 67
- M 60
- Y 0
- K 5
CMYK color chart

● #5060f1 color description : Soft blue.

The hexadecimal color #5060f1 has RGB values of R:80, G:96, B:241 and CMYK values of C:0.67, M:0.6, Y:0, K:0.05. Its decimal value is 5267697.

Hex triplet	5060f1	`#5060f1`
RGB Decimal	80, 96, 241	`rgb(80,96,241)`
RGB Percent	31.4, 37.6, 94.5	`rgb(31.4%,37.6%,94.5%)`
CMYK	67, 60, 0, 5
HSL	234°, 85.2, 62.9	`hsl(234,85.2%,62.9%)`
HSV (or HSB)	234°, 66.8, 94.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.522, 39.417, -74.745
XYZ	23.365, 16.421, 85.152
xyY	0.187, 0.131, 16.421
CIE-LCH	47.522, 84.501, 297.805
CIE-LUV	47.522, -12.273, -115.469
Hunter-Lab	40.523, 32.008, -96.224
Binary	01010000, 01100000, 11110001

#5060f1
```
#5060f1 rgb(80,96,241)
```
#f1e150
```
#f1e150 rgb(241,225,80)
```

Complementary Color

#50b1f1
```
#50b1f1 rgb(80,177,241)
```
#5060f1
```
#5060f1 rgb(80,96,241)
```
#9150f1
```
#9150f1 rgb(145,80,241)
```

Analogous Color

#b1f150
```
#b1f150 rgb(177,241,80)
```
#5060f1
```
#5060f1 rgb(80,96,241)
```
#f19150
```
#f19150 rgb(241,145,80)
```

Split Complementary Color

#60f150
```
#60f150 rgb(96,241,80)
```
#5060f1
```
#5060f1 rgb(80,96,241)
```
#f15060
```
#f15060 rgb(241,80,96)
```

Triadic Color

#50f1e1
```
#50f1e1 rgb(80,241,225)
```
#5060f1
```
#5060f1 rgb(80,96,241)
```
#f15060
```
#f15060 rgb(241,80,96)
```
#f1e150
```
#f1e150 rgb(241,225,80)
```

Tetradic Color

#1227e2
```
#1227e2 rgb(18,39,226)
```
#2135ed
```
#2135ed rgb(33,53,237)
```
#384bef
```
#384bef rgb(56,75,239)
```
#5060f1
```
#5060f1 rgb(80,96,241)
```
#6875f3
```
#6875f3 rgb(104,117,243)
```
#7f8bf5
```
#7f8bf5 rgb(127,139,245)
```
#97a0f7
```
#97a0f7 rgb(151,160,247)
```

Monochromatic Color

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

#5088f1
```
#5088f1 rgb(80,136,241)
```
#507bf1
```
#507bf1 rgb(80,123,241)
```
#506df1
```
#506df1 rgb(80,109,241)
```
#5060f1
```
#5060f1 rgb(80,96,241)
```
#5053f1
```
#5053f1 rgb(80,83,241)
```
#5b50f1
```
#5b50f1 rgb(91,80,241)
```
#6850f1
```
#6850f1 rgb(104,80,241)
```

Similar Colors

Text with hexadecimal color #5060f1

This text has a font color of #5060f1.

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

#5060f1 background color

This paragraph has a background color of #5060f1.

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

#5060f1 border color

This element has a border color of #5060f1.

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

CSS codes

.text {color:#5060f1;}

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

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

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

#010107
```
#010107 rgb(1,1,7)
```
#020419
```
#020419 rgb(2,4,25)
```
#03072b
```
#03072b rgb(3,7,43)
```
#050a3d
```
#050a3d rgb(5,10,61)
```
#060e4f
```
#060e4f rgb(6,14,79)
```
#081161
```
#081161 rgb(8,17,97)
```
#091474
```
#091474 rgb(9,20,116)
```
#0b1786
```
#0b1786 rgb(11,23,134)
```
#0c1a98
```
#0c1a98 rgb(12,26,152)
```
#0e1daa
```
#0e1daa rgb(14,29,170)
```
#0f20bc
```
#0f20bc rgb(15,32,188)
```
#1123ce
```
#1123ce rgb(17,35,206)
```
#1226e1
```
#1226e1 rgb(18,38,225)
```

Shade Color Variation

#1a2eed
```
#1a2eed rgb(26,46,237)
```
#2c3fee
```
#2c3fee rgb(44,63,238)
```
#3e4ff0
```
#3e4ff0 rgb(62,79,240)
```
#5060f1
```
#5060f1 rgb(80,96,241)
```
#6271f2
```
#6271f2 rgb(98,113,242)
```
#7481f4
```
#7481f4 rgb(116,129,244)
```
#8692f5
```
#8692f5 rgb(134,146,245)
```
#99a2f7
```
#99a2f7 rgb(153,162,247)
```
#abb3f8
```
#abb3f8 rgb(171,179,248)
```
#bdc3fa
```
#bdc3fa rgb(189,195,250)
```
#cfd4fb
```
#cfd4fb rgb(207,212,251)
```
#e1e4fd
```
#e1e4fd rgb(225,228,253)
```
#f3f5fe
```
#f3f5fe rgb(243,245,254)
```

Tint Color Variation

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

#a0a0a1
```
#a0a0a1 rgb(160,160,161)
```
#999aa8
```
#999aa8 rgb(153,154,168)
```
#9194b0
```
#9194b0 rgb(145,148,176)
```
#8a8fb7
```
#8a8fb7 rgb(138,143,183)
```
#8389be
```
#8389be rgb(131,137,190)
```
#7c83c5
```
#7c83c5 rgb(124,131,197)
```
#747dcd
```
#747dcd rgb(116,125,205)
```
#6d77d4
```
#6d77d4 rgb(109,119,212)
```
#6671db
```
#6671db rgb(102,113,219)
```
#5f6ce2
```
#5f6ce2 rgb(95,108,226)
```
#5766ea
```
#5766ea rgb(87,102,234)
```
#5060f1
```
#5060f1 rgb(80,96,241)
```
#495af8
```
#495af8 rgb(73,90,248)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#666a87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007ac7 Deuteranopia 1% of men
#00838c Tritanopia 0.001% of the population

Trichromacy

#1d6de8 Protanomaly 1% of men, 0.01% of women
#1d71d6 Deuteranomaly 6% of men, 0.4% of women
#1d76b1 Tritanomaly 0.01% of the population

#5060f1 hex color

#5060f1 Color Information

#5060f1 Color Conversion

Color Schemes with #5060f1

Alternatives to #5060f1

#5060f1 Preview

Shades and Tints of #5060f1

Tones of #5060f1

Color Blindness Simulator