#480af0 hex color

In a RGB color space, hex #480af0 is composed of 28.2% red, 3.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 95.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 256.2 degrees, a saturation of 92% and a lightness of 49%. #480af0 color hex could be obtained by blending #9014ff with #0000e1. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 28
- G 4
- B 94
RGB color chart
- C 70
- M 96
- Y 0
- K 6
CMYK color chart

● #480af0 color description : Vivid violet.

The hexadecimal color #480af0 has RGB values of R:72, G:10, B:240 and CMYK values of C:0.7, M:0.96, Y:0, K:0.06. Its decimal value is 4721392.

Hex triplet	480af0	`#480af0`
RGB Decimal	72, 10, 240	`rgb(72,10,240)`
RGB Percent	28.2, 3.9, 94.1	`rgb(28.2%,3.9%,94.1%)`
CMYK	70, 96, 0, 6
HSL	256.2°, 92, 49	`hsl(256.2,92%,49%)`
HSV (or HSB)	256.2°, 95.8, 94.1
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.743, 75.391, -96.921
XYZ	18.506, 7.885, 82.98
xyY	0.169, 0.072, 7.885
CIE-LCH	33.743, 122.791, 307.878
CIE-LUV	33.743, -2.6, -124.733
Hunter-Lab	28.081, 68.498, -155.55
Binary	01001000, 00001010, 11110000

#480af0
```
#480af0 rgb(72,10,240)
```
#b2f00a
```
#b2f00a rgb(178,240,10)
```

Complementary Color

#0a3ff0
```
#0a3ff0 rgb(10,63,240)
```
#480af0
```
#480af0 rgb(72,10,240)
```
#bb0af0
```
#bb0af0 rgb(187,10,240)
```

Analogous Color

#3ff00a
```
#3ff00a rgb(63,240,10)
```
#480af0
```
#480af0 rgb(72,10,240)
```
#f0bb0a
```
#f0bb0a rgb(240,187,10)
```

Split Complementary Color

#0af048
```
#0af048 rgb(10,240,72)
```
#480af0
```
#480af0 rgb(72,10,240)
```
#f0480a
```
#f0480a rgb(240,72,10)
```

Triadic Color

#0ab2f0
```
#0ab2f0 rgb(10,178,240)
```
#480af0
```
#480af0 rgb(72,10,240)
```
#f0480a
```
#f0480a rgb(240,72,10)
```
#b2f00a
```
#b2f00a rgb(178,240,10)
```

Tetradic Color

#3207a7
```
#3207a7 rgb(50,7,167)
```
#3908bf
```
#3908bf rgb(57,8,191)
```
#4109d8
```
#4109d8 rgb(65,9,216)
```
#480af0
```
#480af0 rgb(72,10,240)
```
#581ef6
```
#581ef6 rgb(88,30,246)
```
#6a36f7
```
#6a36f7 rgb(106,54,247)
```
#7c4ff8
```
#7c4ff8 rgb(124,79,248)
```

Monochromatic Color

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

#0f0af0
```
#0f0af0 rgb(15,10,240)
```
#220af0
```
#220af0 rgb(34,10,240)
```
#350af0
```
#350af0 rgb(53,10,240)
```
#480af0
```
#480af0 rgb(72,10,240)
```
#5b0af0
```
#5b0af0 rgb(91,10,240)
```
#6e0af0
```
#6e0af0 rgb(110,10,240)
```
#820af0
```
#820af0 rgb(130,10,240)
```

Similar Colors

Text with hexadecimal color #480af0

This text has a font color of #480af0.

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

#480af0 background color

This paragraph has a background color of #480af0.

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

#480af0 border color

This element has a border color of #480af0.

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

CSS codes

.text {color:#480af0;}

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

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

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, #04010e is the darkest color, while #fbfaff is the lightest one.

#04010e
```
#04010e rgb(4,1,14)
```
#0a0121
```
#0a0121 rgb(10,1,33)
```
#100234
```
#100234 rgb(16,2,52)
```
#150347
```
#150347 rgb(21,3,71)
```
#1b0459
```
#1b0459 rgb(27,4,89)
```
#20056c
```
#20056c rgb(32,5,108)
```
#26057f
```
#26057f rgb(38,5,127)
```
#2c0692
```
#2c0692 rgb(44,6,146)
```
#3107a5
```
#3107a5 rgb(49,7,165)
```
#3708b8
```
#3708b8 rgb(55,8,184)
```
#3d08ca
```
#3d08ca rgb(61,8,202)
```
#4209dd
```
#4209dd rgb(66,9,221)
```
#480af0
```
#480af0 rgb(72,10,240)
```

Shade Color Variation

#5418f5
```
#5418f5 rgb(84,24,245)
```
#622bf6
```
#622bf6 rgb(98,43,246)
```
#703ef7
```
#703ef7 rgb(112,62,247)
```
#7e51f8
```
#7e51f8 rgb(126,81,248)
```
#8c64f9
```
#8c64f9 rgb(140,100,249)
```
#9a76f9
```
#9a76f9 rgb(154,118,249)
```
#a889fa
```
#a889fa rgb(168,137,250)
```
#b69cfb
```
#b69cfb rgb(182,156,251)
```
#c4affc
```
#c4affc rgb(196,175,252)
```
#d2c2fc
```
#d2c2fc rgb(210,194,252)
```
#e0d5fd
```
#e0d5fd rgb(224,213,253)
```
#ede7fe
```
#ede7fe rgb(237,231,254)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

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

#797486
```
#797486 rgb(121,116,134)
```
#746a90
```
#746a90 rgb(116,106,144)
```
#706199
```
#706199 rgb(112,97,153)
```
#6b57a3
```
#6b57a3 rgb(107,87,163)
```
#674dad
```
#674dad rgb(103,77,173)
```
#6344b6
```
#6344b6 rgb(99,68,182)
```
#5e3ac0
```
#5e3ac0 rgb(94,58,192)
```
#5a30ca
```
#5a30ca rgb(90,48,202)
```
#5527d3
```
#5527d3 rgb(85,39,211)
```
#511ddd
```
#511ddd rgb(81,29,221)
```
#4c14e6
```
#4c14e6 rgb(76,20,230)
```
#480af0
```
#480af0 rgb(72,10,240)
```
#4400fa
```
#4400fa rgb(68,0,250)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#3a2e5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a6 Protanopia 1% of men
#005b90 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#1a3ac1 Protanomaly 1% of men, 0.01% of women
#1a3db2 Deuteranomaly 6% of men, 0.4% of women
#1a4198 Tritanomaly 0.01% of the population

#480af0 hex color

#480af0 Color Information

#480af0 Color Conversion

Color Schemes with #480af0

Alternatives to #480af0

#480af0 Preview

Shades and Tints of #480af0

Tones of #480af0

Color Blindness Simulator