colorhexa.com

#480ae1 hex color

In a RGB color space, hex #480ae1 is composed of 28.2% red, 3.9% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 95.6% magenta, 0% yellow and 11.8% black. It has a hue angle of 257.3 degrees, a saturation of 91.5% and a lightness of 46.1%. #480ae1 color hex could be obtained by blending #9014ff with #0000c3. Closest websafe color is: #3300cc.

- R 28
- G 4
- B 88
RGB color chart
- C 68
- M 96
- Y 0
- K 12
CMYK color chart

● #480ae1 color description : Vivid violet.

The hexadecimal color #480ae1 has RGB values of R:72, G:10, B:225 and CMYK values of C:0.68, M:0.96, Y:0, K:0.12. Its decimal value is 4721377.

Hex triplet	480ae1	`#480ae1`
RGB Decimal	72, 10, 225	`rgb(72,10,225)`
RGB Percent	28.2, 3.9, 88.2	`rgb(28.2%,3.9%,88.2%)`
CMYK	68, 96, 0, 12
HSL	257.3°, 91.5, 46.1	`hsl(257.3,91.5%,46.1%)`
HSV (or HSB)	257.3°, 95.6, 88.2
Web Safe	3300cc	`#3300cc`

CIE-LAB	31.876, 71.823, -91.475
XYZ	16.369, 7.03, 71.724
xyY	0.172, 0.074, 7.03
CIE-LCH	31.876, 116.302, 308.137
CIE-LUV	31.876, -1.47, -116.269
Hunter-Lab	26.515, 63.798, -141.824
Binary	01001000, 00001010, 11100001

#480ae1
```
#480ae1 rgb(72,10,225)
```
#a3e10a
```
#a3e10a rgb(163,225,10)
```

Complementary Color

#0a38e1
```
#0a38e1 rgb(10,56,225)
```
#480ae1
```
#480ae1 rgb(72,10,225)
```
#b40ae1
```
#b40ae1 rgb(180,10,225)
```

Analogous Color

#38e10a
```
#38e10a rgb(56,225,10)
```
#480ae1
```
#480ae1 rgb(72,10,225)
```
#e1b40a
```
#e1b40a rgb(225,180,10)
```

Split Complementary Color

#0ae148
```
#0ae148 rgb(10,225,72)
```
#480ae1
```
#480ae1 rgb(72,10,225)
```
#e1480a
```
#e1480a rgb(225,72,10)
```

Triadic Color

#0aa3e1
```
#0aa3e1 rgb(10,163,225)
```
#480ae1
```
#480ae1 rgb(72,10,225)
```
#e1480a
```
#e1480a rgb(225,72,10)
```
#a3e10a
```
#a3e10a rgb(163,225,10)
```

Tetradic Color

#310798
```
#310798 rgb(49,7,152)
```
#3808b0
```
#3808b0 rgb(56,8,176)
```
#4009c9
```
#4009c9 rgb(64,9,201)
```
#480ae1
```
#480ae1 rgb(72,10,225)
```
#5210f4
```
#5210f4 rgb(82,16,244)
```
#6429f5
```
#6429f5 rgb(100,41,245)
```
#7541f7
```
#7541f7 rgb(117,65,247)
```

Monochromatic Color

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

#120ae1
```
#120ae1 rgb(18,10,225)
```
#240ae1
```
#240ae1 rgb(36,10,225)
```
#360ae1
```
#360ae1 rgb(54,10,225)
```
#480ae1
```
#480ae1 rgb(72,10,225)
```
#5a0ae1
```
#5a0ae1 rgb(90,10,225)
```
#6c0ae1
```
#6c0ae1 rgb(108,10,225)
```
#7e0ae1
```
#7e0ae1 rgb(126,10,225)
```

Similar Colors

Text with hexadecimal color #480ae1

This text has a font color of #480ae1.

<span style="color:#480ae1;">Text here</span>

#480ae1 background color

This paragraph has a background color of #480ae1.

<p style="background-color:#480ae1;">Content here</p>

#480ae1 border color

This element has a border color of #480ae1.

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

CSS codes

.text {color:#480ae1;}

.background {background-color:#480ae1;}

.border {border:1px solid #480ae1;}

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

#060112
```
#060112 rgb(6,1,18)
```
#0c0225
```
#0c0225 rgb(12,2,37)
```
#120238
```
#120238 rgb(18,2,56)
```
#18034b
```
#18034b rgb(24,3,75)
```
#1e045e
```
#1e045e rgb(30,4,94)
```
#240570
```
#240570 rgb(36,5,112)
```
#2a0683
```
#2a0683 rgb(42,6,131)
```
#300796
```
#300796 rgb(48,7,150)
```
#3607a9
```
#3607a9 rgb(54,7,169)
```
#3c08bb
```
#3c08bb rgb(60,8,187)
```
#4209ce
```
#4209ce rgb(66,9,206)
```
#480ae1
```
#480ae1 rgb(72,10,225)
```
#4e0bf4
```
#4e0bf4 rgb(78,11,244)
```

Shade Color Variation

#5b1df5
```
#5b1df5 rgb(91,29,245)
```
#6930f6
```
#6930f6 rgb(105,48,246)
```
#7743f7
```
#7743f7 rgb(119,67,247)
```
#8456f7
```
#8456f7 rgb(132,86,247)
```
#9268f8
```
#9268f8 rgb(146,104,248)
```
#9f7bf9
```
#9f7bf9 rgb(159,123,249)
```
#ad8efa
```
#ad8efa rgb(173,142,250)
```
#bba1fb
```
#bba1fb rgb(187,161,251)
```
#c8b4fc
```
#c8b4fc rgb(200,180,252)
```
#d6c6fc
```
#d6c6fc rgb(214,198,252)
```
#e4d9fd
```
#e4d9fd rgb(228,217,253)
```
#f1ecfe
```
#f1ecfe rgb(241,236,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #726d7e is the less saturated color, while #4401ea is the most saturated one.

#726d7e
```
#726d7e rgb(114,109,126)
```
#6e6487
```
#6e6487 rgb(110,100,135)
```
#6a5b90
```
#6a5b90 rgb(106,91,144)
```
#675299
```
#675299 rgb(103,82,153)
```
#6349a2
```
#6349a2 rgb(99,73,162)
```
#5f40ab
```
#5f40ab rgb(95,64,171)
```
#5b37b4
```
#5b37b4 rgb(91,55,180)
```
#572ebd
```
#572ebd rgb(87,46,189)
```
#5325c6
```
#5325c6 rgb(83,37,198)
```
#501ccf
```
#501ccf rgb(80,28,207)
```
#4c13d8
```
#4c13d8 rgb(76,19,216)
```
#480ae1
```
#480ae1 rgb(72,10,225)
```
#4401ea
```
#4401ea rgb(68,1,234)
```

Tone Color Variation

Below, you can see how #480ae1 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

#353535 Achromatopsia 0.005% of the population
#392c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00529e Protanopia 1% of men
#005689 Deuteranopia 1% of men
#005c61 Tritanopia 0.001% of the population

Trichromacy

#1a37b6 Protanomaly 1% of men, 0.01% of women
#1a3aa9 Deuteranomaly 6% of men, 0.4% of women
#1a3e8f Tritanomaly 0.01% of the population