#5040f0 hex color

In a RGB color space, hex #5040f0 is composed of 31.4% red, 25.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 73.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 245.5 degrees, a saturation of 85.4% and a lightness of 59.6%. #5040f0 color hex could be obtained by blending #a080ff with #0000e1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 25
- B 94
RGB color chart
- C 67
- M 73
- Y 0
- K 6
CMYK color chart

● #5040f0 color description : Bright blue.

The hexadecimal color #5040f0 has RGB values of R:80, G:64, B:240 and CMYK values of C:0.67, M:0.73, Y:0, K:0.06. Its decimal value is 5259504.

Hex triplet	5040f0	`#5040f0`
RGB Decimal	80, 64, 240	`rgb(80,64,240)`
RGB Percent	31.4, 25.1, 94.1	`rgb(31.4%,25.1%,94.1%)`
CMYK	67, 73, 0, 6
HSL	245.5°, 85.4, 59.6	`hsl(245.5,85.4%,59.6%)`
HSV (or HSB)	245.5°, 73.3, 94.1
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.675, 57.344, -85.412
XYZ	20.867, 11.663, 83.585
xyY	0.18, 0.1, 11.663
CIE-LCH	40.675, 102.876, 303.876
CIE-LUV	40.675, -5.778, -123.356
Hunter-Lab	34.15, 49.305, -121.21
Binary	01010000, 01000000, 11110000

#5040f0
```
#5040f0 rgb(80,64,240)
```
#e0f040
```
#e0f040 rgb(224,240,64)
```

Complementary Color

#4088f0
```
#4088f0 rgb(64,136,240)
```
#5040f0
```
#5040f0 rgb(80,64,240)
```
#a840f0
```
#a840f0 rgb(168,64,240)
```

Analogous Color

#88f040
```
#88f040 rgb(136,240,64)
```
#5040f0
```
#5040f0 rgb(80,64,240)
```
#f0a840
```
#f0a840 rgb(240,168,64)
```

Split Complementary Color

#40f050
```
#40f050 rgb(64,240,80)
```
#5040f0
```
#5040f0 rgb(80,64,240)
```
#f05040
```
#f05040 rgb(240,80,64)
```

Triadic Color

#40e0f0
```
#40e0f0 rgb(64,224,240)
```
#5040f0
```
#5040f0 rgb(80,64,240)
```
#f05040
```
#f05040 rgb(240,80,64)
```
#e0f040
```
#e0f040 rgb(224,240,64)
```

Tetradic Color

#2211d3
```
#2211d3 rgb(34,17,211)
```
#2612eb
```
#2612eb rgb(38,18,235)
```
#3a28ee
```
#3a28ee rgb(58,40,238)
```
#5040f0
```
#5040f0 rgb(80,64,240)
```
#6658f2
```
#6658f2 rgb(102,88,242)
```
#7b6ff4
```
#7b6ff4 rgb(123,111,244)
```
#9187f6
```
#9187f6 rgb(145,135,246)
```

Monochromatic Color

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

#405cf0
```
#405cf0 rgb(64,92,240)
```
#404df0
```
#404df0 rgb(64,77,240)
```
#4140f0
```
#4140f0 rgb(65,64,240)
```
#5040f0
```
#5040f0 rgb(80,64,240)
```
#5f40f0
```
#5f40f0 rgb(95,64,240)
```
#6d40f0
```
#6d40f0 rgb(109,64,240)
```
#7c40f0
```
#7c40f0 rgb(124,64,240)
```

Similar Colors

Text with hexadecimal color #5040f0

This text has a font color of #5040f0.

<span style="color:#5040f0;">Text here</span>

#5040f0 background color

This paragraph has a background color of #5040f0.

<p style="background-color:#5040f0;">Content here</p>

#5040f0 border color

This element has a border color of #5040f0.

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

CSS codes

.text {color:#5040f0;}

.background {background-color:#5040f0;}

.border {border:1px solid #5040f0;}

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

#010109
```
#010109 rgb(1,1,9)
```
#04021b
```
#04021b rgb(4,2,27)
```
#07042d
```
#07042d rgb(7,4,45)
```
#0a0540
```
#0a0540 rgb(10,5,64)
```
#0d0652
```
#0d0652 rgb(13,6,82)
```
#100864
```
#100864 rgb(16,8,100)
```
#130976
```
#130976 rgb(19,9,118)
```
#160b88
```
#160b88 rgb(22,11,136)
```
#190c9b
```
#190c9b rgb(25,12,155)
```
#1c0ead
```
#1c0ead rgb(28,14,173)
```
#1f0fbf
```
#1f0fbf rgb(31,15,191)
```
#2210d1
```
#2210d1 rgb(34,16,209)
```
#2512e3
```
#2512e3 rgb(37,18,227)
```

Shade Color Variation

#2f1ced
```
#2f1ced rgb(47,28,237)
```
#3f2eef
```
#3f2eef rgb(63,46,239)
```
#5040f0
```
#5040f0 rgb(80,64,240)
```
#6152f1
```
#6152f1 rgb(97,82,241)
```
#7164f3
```
#7164f3 rgb(113,100,243)
```
#8277f4
```
#8277f4 rgb(130,119,244)
```
#9389f6
```
#9389f6 rgb(147,137,246)
```
#a39bf7
```
#a39bf7 rgb(163,155,247)
```
#b4adf9
```
#b4adf9 rgb(180,173,249)
```
#c5bffa
```
#c5bffa rgb(197,191,250)
```
#d5d1fb
```
#d5d1fb rgb(213,209,251)
```
#e6e4fd
```
#e6e4fd rgb(230,228,253)
```
#f7f6fe
```
#f7f6fe rgb(247,246,254)
```

Tint Color Variation

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

#979799
```
#979799 rgb(151,151,153)
```
#918fa1
```
#918fa1 rgb(145,143,161)
```
#8a87a9
```
#8a87a9 rgb(138,135,169)
```
#847fb1
```
#847fb1 rgb(132,127,177)
```
#7d77b9
```
#7d77b9 rgb(125,119,185)
```
#7770c0
```
#7770c0 rgb(119,112,192)
```
#7068c8
```
#7068c8 rgb(112,104,200)
```
#6a60d0
```
#6a60d0 rgb(106,96,208)
```
#6358d8
```
#6358d8 rgb(99,88,216)
```
#5d50e0
```
#5d50e0 rgb(93,80,224)
```
#5648e8
```
#5648e8 rgb(86,72,232)
```
#5040f0
```
#5040f0 rgb(80,64,240)
```
#4a38f8
```
#4a38f8 rgb(74,56,248)
```

Tone Color Variation

Below, you can see how #5040f0 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

#595959 Achromatopsia 0.005% of the population
#575477 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#1d57d4 Protanomaly 1% of men, 0.01% of women
#1d5bc4 Deuteranomaly 6% of men, 0.4% of women
#1d60a4 Tritanomaly 0.01% of the population

#5040f0 hex color

#5040f0 Color Information

#5040f0 Color Conversion

Color Schemes with #5040f0

Alternatives to #5040f0

#5040f0 Preview

Shades and Tints of #5040f0

Tones of #5040f0

Color Blindness Simulator