#480af2 hex color

In a RGB color space, hex #480af2 is composed of 28.2% red, 3.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 95.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 256 degrees, a saturation of 92.1% and a lightness of 49.4%. #480af2 color hex could be obtained by blending #9014ff with #0000e5. Closest websafe color is: #3300ff.

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

● #480af2 color description : Vivid violet.

The hexadecimal color #480af2 has RGB values of R:72, G:10, B:242 and CMYK values of C:0.7, M:0.96, Y:0, K:0.05. Its decimal value is 4721394.

Hex triplet	480af2	`#480af2`
RGB Decimal	72, 10, 242	`rgb(72,10,242)`
RGB Percent	28.2, 3.9, 94.9	`rgb(28.2%,3.9%,94.9%)`
CMYK	70, 96, 0, 5
HSL	256°, 92.1, 49.4	`hsl(256,92.1%,49.4%)`
HSV (or HSB)	256°, 95.9, 94.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.993, 75.864, -97.638
XYZ	18.805, 8.005, 84.554
xyY	0.169, 0.072, 8.005
CIE-LCH	33.993, 123.647, 307.847
CIE-LUV	33.993, -2.746, -125.857
Hunter-Lab	28.293, 69.13, -157.386
Binary	01001000, 00001010, 11110010

#480af2
```
#480af2 rgb(72,10,242)
```
#b4f20a
```
#b4f20a rgb(180,242,10)
```

Complementary Color

#0a40f2
```
#0a40f2 rgb(10,64,242)
```
#480af2
```
#480af2 rgb(72,10,242)
```
#bc0af2
```
#bc0af2 rgb(188,10,242)
```

Analogous Color

#40f20a
```
#40f20a rgb(64,242,10)
```
#480af2
```
#480af2 rgb(72,10,242)
```
#f2bc0a
```
#f2bc0a rgb(242,188,10)
```

Split Complementary Color

#0af248
```
#0af248 rgb(10,242,72)
```
#480af2
```
#480af2 rgb(72,10,242)
```
#f2480a
```
#f2480a rgb(242,72,10)
```

Triadic Color

#0ab4f2
```
#0ab4f2 rgb(10,180,242)
```
#480af2
```
#480af2 rgb(72,10,242)
```
#f2480a
```
#f2480a rgb(242,72,10)
```
#b4f20a
```
#b4f20a rgb(180,242,10)
```

Tetradic Color

#3207a9
```
#3207a9 rgb(50,7,169)
```
#3908c1
```
#3908c1 rgb(57,8,193)
```
#4109da
```
#4109da rgb(65,9,218)
```
#480af2
```
#480af2 rgb(72,10,242)
```
#5920f6
```
#5920f6 rgb(89,32,246)
```
#6b38f7
```
#6b38f7 rgb(107,56,247)
```
#7d51f8
```
#7d51f8 rgb(125,81,248)
```

Monochromatic Color

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

#0e0af2
```
#0e0af2 rgb(14,10,242)
```
#210af2
```
#210af2 rgb(33,10,242)
```
#350af2
```
#350af2 rgb(53,10,242)
```
#480af2
```
#480af2 rgb(72,10,242)
```
#5b0af2
```
#5b0af2 rgb(91,10,242)
```
#6f0af2
```
#6f0af2 rgb(111,10,242)
```
#820af2
```
#820af2 rgb(130,10,242)
```

Similar Colors

Text with hexadecimal color #480af2

This text has a font color of #480af2.

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

#480af2 background color

This paragraph has a background color of #480af2.

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

#480af2 border color

This element has a border color of #480af2.

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

CSS codes

.text {color:#480af2;}

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

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

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

#050110
```
#050110 rgb(5,1,16)
```
#0a0123
```
#0a0123 rgb(10,1,35)
```
#100236
```
#100236 rgb(16,2,54)
```
#160348
```
#160348 rgb(22,3,72)
```
#1b045b
```
#1b045b rgb(27,4,91)
```
#21056e
```
#21056e rgb(33,5,110)
```
#260581
```
#260581 rgb(38,5,129)
```
#2c0694
```
#2c0694 rgb(44,6,148)
```
#3207a7
```
#3207a7 rgb(50,7,167)
```
#3708b9
```
#3708b9 rgb(55,8,185)
```
#3d08cc
```
#3d08cc rgb(61,8,204)
```
#4209df
```
#4209df rgb(66,9,223)
```
#480af2
```
#480af2 rgb(72,10,242)
```

Shade Color Variation

#551af6
```
#551af6 rgb(85,26,246)
```
#632df6
```
#632df6 rgb(99,45,246)
```
#7140f7
```
#7140f7 rgb(113,64,247)
```
#7f53f8
```
#7f53f8 rgb(127,83,248)
```
#8d65f9
```
#8d65f9 rgb(141,101,249)
```
#9b78f9
```
#9b78f9 rgb(155,120,249)
```
#a98bfa
```
#a98bfa rgb(169,139,250)
```
#b79efb
```
#b79efb rgb(183,158,251)
```
#c5b1fc
```
#c5b1fc rgb(197,177,252)
```
#d3c4fd
```
#d3c4fd rgb(211,196,253)
```
#e1d6fd
```
#e1d6fd rgb(225,214,253)
```
#efe9fe
```
#efe9fe rgb(239,233,254)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7587 is the less saturated color, while #4300fc is the most saturated one.

#7a7587
```
#7a7587 rgb(122,117,135)
```
#756b91
```
#756b91 rgb(117,107,145)
```
#71619b
```
#71619b rgb(113,97,155)
```
#6c58a4
```
#6c58a4 rgb(108,88,164)
```
#684eae
```
#684eae rgb(104,78,174)
```
#6344b8
```
#6344b8 rgb(99,68,184)
```
#5f3ac2
```
#5f3ac2 rgb(95,58,194)
```
#5a31cb
```
#5a31cb rgb(90,49,203)
```
#5627d5
```
#5627d5 rgb(86,39,213)
```
#511ddf
```
#511ddf rgb(81,29,223)
```
#4d14e8
```
#4d14e8 rgb(77,20,232)
```
#480af2
```
#480af2 rgb(72,10,242)
```
#4300fc
```
#4300fc rgb(67,0,252)
```

Tone Color Variation

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

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

Trichromacy

#1a3ac2 Protanomaly 1% of men, 0.01% of women
#1a3db4 Deuteranomaly 6% of men, 0.4% of women
#1a4199 Tritanomaly 0.01% of the population

#480af2 hex color

#480af2 Color Information

#480af2 Color Conversion

Color Schemes with #480af2

Alternatives to #480af2

#480af2 Preview

Shades and Tints of #480af2

Tones of #480af2

Color Blindness Simulator