#5061f1 hex color

In a RGB color space, hex #5061f1 is composed of 31.4% red, 38% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 59.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 233.7 degrees, a saturation of 85.2% and a lightness of 62.9%. #5061f1 color hex could be obtained by blending #a0c2ff 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

● #5061f1 color description : Soft blue.

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

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

CIE-LAB	47.758, 38.81, -74.36
XYZ	23.457, 16.604, 85.183
xyY	0.187, 0.133, 16.604
CIE-LCH	47.758, 83.878, 297.561
CIE-LUV	47.758, -12.516, -115.072
Hunter-Lab	40.749, 31.444, -95.419
Binary	01010000, 01100001, 11110001

#5061f1
```
#5061f1 rgb(80,97,241)
```
#f1e050
```
#f1e050 rgb(241,224,80)
```

Complementary Color

#50b2f1
```
#50b2f1 rgb(80,178,241)
```
#5061f1
```
#5061f1 rgb(80,97,241)
```
#9050f1
```
#9050f1 rgb(144,80,241)
```

Analogous Color

#b2f150
```
#b2f150 rgb(178,241,80)
```
#5061f1
```
#5061f1 rgb(80,97,241)
```
#f19050
```
#f19050 rgb(241,144,80)
```

Split Complementary Color

#61f150
```
#61f150 rgb(97,241,80)
```
#5061f1
```
#5061f1 rgb(80,97,241)
```
#f15061
```
#f15061 rgb(241,80,97)
```

Triadic Color

#50f1e0
```
#50f1e0 rgb(80,241,224)
```
#5061f1
```
#5061f1 rgb(80,97,241)
```
#f15061
```
#f15061 rgb(241,80,97)
```
#f1e050
```
#f1e050 rgb(241,224,80)
```

Tetradic Color

#1228e2
```
#1228e2 rgb(18,40,226)
```
#2136ed
```
#2136ed rgb(33,54,237)
```
#384cef
```
#384cef rgb(56,76,239)
```
#5061f1
```
#5061f1 rgb(80,97,241)
```
#6876f3
```
#6876f3 rgb(104,118,243)
```
#7f8cf5
```
#7f8cf5 rgb(127,140,245)
```
#97a1f7
```
#97a1f7 rgb(151,161,247)
```

Monochromatic Color

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

#5089f1
```
#5089f1 rgb(80,137,241)
```
#507cf1
```
#507cf1 rgb(80,124,241)
```
#506ef1
```
#506ef1 rgb(80,110,241)
```
#5061f1
```
#5061f1 rgb(80,97,241)
```
#5054f1
```
#5054f1 rgb(80,84,241)
```
#5a50f1
```
#5a50f1 rgb(90,80,241)
```
#6750f1
```
#6750f1 rgb(103,80,241)
```

Similar Colors

Text with hexadecimal color #5061f1

This text has a font color of #5061f1.

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

#5061f1 background color

This paragraph has a background color of #5061f1.

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

#5061f1 border color

This element has a border color of #5061f1.

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

CSS codes

.text {color:#5061f1;}

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

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

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)
```
#03082b
```
#03082b rgb(3,8,43)
```
#050b3d
```
#050b3d rgb(5,11,61)
```
#060e4f
```
#060e4f rgb(6,14,79)
```
#081161
```
#081161 rgb(8,17,97)
```
#091474
```
#091474 rgb(9,20,116)
```
#0b1886
```
#0b1886 rgb(11,24,134)
```
#0c1b98
```
#0c1b98 rgb(12,27,152)
```
#0e1eaa
```
#0e1eaa rgb(14,30,170)
```
#0f21bc
```
#0f21bc rgb(15,33,188)
```
#1125ce
```
#1125ce rgb(17,37,206)
```
#1228e1
```
#1228e1 rgb(18,40,225)
```

Shade Color Variation

#1a30ed
```
#1a30ed rgb(26,48,237)
```
#2c40ee
```
#2c40ee rgb(44,64,238)
```
#3e51f0
```
#3e51f0 rgb(62,81,240)
```
#5061f1
```
#5061f1 rgb(80,97,241)
```
#6271f2
```
#6271f2 rgb(98,113,242)
```
#7482f4
```
#7482f4 rgb(116,130,244)
```
#8692f5
```
#8692f5 rgb(134,146,245)
```
#99a3f7
```
#99a3f7 rgb(153,163,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 #495bf8 is the most saturated one.

#a0a0a1
```
#a0a0a1 rgb(160,160,161)
```
#999aa8
```
#999aa8 rgb(153,154,168)
```
#9195b0
```
#9195b0 rgb(145,149,176)
```
#8a8fb7
```
#8a8fb7 rgb(138,143,183)
```
#8389be
```
#8389be rgb(131,137,190)
```
#7c83c5
```
#7c83c5 rgb(124,131,197)
```
#747ecd
```
#747ecd rgb(116,126,205)
```
#6d78d4
```
#6d78d4 rgb(109,120,212)
```
#6672db
```
#6672db rgb(102,114,219)
```
#5f6ce2
```
#5f6ce2 rgb(95,108,226)
```
#5767ea
```
#5767ea rgb(87,103,234)
```
#5061f1
```
#5061f1 rgb(80,97,241)
```
#495bf8
```
#495bf8 rgb(73,91,248)
```

Tone Color Variation

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

#0075e4 Protanopia 1% of men
#007bc8 Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#1d6de9 Protanomaly 1% of men, 0.01% of women
#1d71d7 Deuteranomaly 6% of men, 0.4% of women
#1d77b1 Tritanomaly 0.01% of the population

#5061f1 hex color

#5061f1 Color Information

#5061f1 Color Conversion

Color Schemes with #5061f1

Alternatives to #5061f1

#5061f1 Preview

Shades and Tints of #5061f1

Tones of #5061f1

Color Blindness Simulator