#480ef2 hex color

In a RGB color space, hex #480ef2 is composed of 28.2% red, 5.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 94.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 255.3 degrees, a saturation of 89.8% and a lightness of 50.2%. #480ef2 color hex could be obtained by blending #901cff with #0000e5. Closest websafe color is: #3300ff.

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

● #480ef2 color description : Vivid violet.

The hexadecimal color #480ef2 has RGB values of R:72, G:14, B:242 and CMYK values of C:0.7, M:0.94, Y:0, K:0.05. Its decimal value is 4722418.

Hex triplet	480ef2	`#480ef2`
RGB Decimal	72, 14, 242	`rgb(72,14,242)`
RGB Percent	28.2, 5.5, 94.9	`rgb(28.2%,5.5%,94.9%)`
CMYK	70, 94, 0, 5
HSL	255.3°, 89.8, 50.2	`hsl(255.3,89.8%,50.2%)`
HSV (or HSB)	255.3°, 94.2, 94.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.194, 75.248, -97.303
XYZ	18.853, 8.102, 84.57
xyY	0.169, 0.073, 8.102
CIE-LCH	34.194, 123.004, 307.716
CIE-LUV	34.194, -2.879, -125.938
Hunter-Lab	28.463, 68.423, -156.236
Binary	01001000, 00001110, 11110010

#480ef2
```
#480ef2 rgb(72,14,242)
```
#b8f20e
```
#b8f20e rgb(184,242,14)
```

Complementary Color

#0e46f2
```
#0e46f2 rgb(14,70,242)
```
#480ef2
```
#480ef2 rgb(72,14,242)
```
#ba0ef2
```
#ba0ef2 rgb(186,14,242)
```

Analogous Color

#46f20e
```
#46f20e rgb(70,242,14)
```
#480ef2
```
#480ef2 rgb(72,14,242)
```
#f2ba0e
```
#f2ba0e rgb(242,186,14)
```

Split Complementary Color

#0ef248
```
#0ef248 rgb(14,242,72)
```
#480ef2
```
#480ef2 rgb(72,14,242)
```
#f2480e
```
#f2480e rgb(242,72,14)
```

Triadic Color

#0eb8f2
```
#0eb8f2 rgb(14,184,242)
```
#480ef2
```
#480ef2 rgb(72,14,242)
```
#f2480e
```
#f2480e rgb(242,72,14)
```
#b8f20e
```
#b8f20e rgb(184,242,14)
```

Tetradic Color

#3209aa
```
#3209aa rgb(50,9,170)
```
#390ac3
```
#390ac3 rgb(57,10,195)
```
#400cdb
```
#400cdb rgb(64,12,219)
```
#480ef2
```
#480ef2 rgb(72,14,242)
```
#5a26f3
```
#5a26f3 rgb(90,38,243)
```
#6d3ef5
```
#6d3ef5 rgb(109,62,245)
```
#7f57f6
```
#7f57f6 rgb(127,87,246)
```

Monochromatic Color

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

#0f0ef2
```
#0f0ef2 rgb(15,14,242)
```
#220ef2
```
#220ef2 rgb(34,14,242)
```
#350ef2
```
#350ef2 rgb(53,14,242)
```
#480ef2
```
#480ef2 rgb(72,14,242)
```
#5b0ef2
```
#5b0ef2 rgb(91,14,242)
```
#6e0ef2
```
#6e0ef2 rgb(110,14,242)
```
#810ef2
```
#810ef2 rgb(129,14,242)
```

Similar Colors

Text with hexadecimal color #480ef2

This text has a font color of #480ef2.

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

#480ef2 background color

This paragraph has a background color of #480ef2.

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

#480ef2 border color

This element has a border color of #480ef2.

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

CSS codes

.text {color:#480ef2;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#060114
```
#060114 rgb(6,1,20)
```
#0b0226
```
#0b0226 rgb(11,2,38)
```
#110339
```
#110339 rgb(17,3,57)
```
#16044b
```
#16044b rgb(22,4,75)
```
#1c055e
```
#1c055e rgb(28,5,94)
```
#210671
```
#210671 rgb(33,6,113)
```
#270783
```
#270783 rgb(39,7,131)
```
#2c0896
```
#2c0896 rgb(44,8,150)
```
#3209a8
```
#3209a8 rgb(50,9,168)
```
#370abb
```
#370abb rgb(55,10,187)
```
#3d0bce
```
#3d0bce rgb(61,11,206)
```
#420ce0
```
#420ce0 rgb(66,12,224)
```

Shade Color Variation

#480ef2
```
#480ef2 rgb(72,14,242)
```
#5621f3
```
#5621f3 rgb(86,33,243)
```
#6433f4
```
#6433f4 rgb(100,51,244)
```
#7246f5
```
#7246f5 rgb(114,70,245)
```
#8158f6
```
#8158f6 rgb(129,88,246)
```
#8f6bf7
```
#8f6bf7 rgb(143,107,247)
```
#9d7ef8
```
#9d7ef8 rgb(157,126,248)
```
#ab90f9
```
#ab90f9 rgb(171,144,249)
```
#b9a3fa
```
#b9a3fa rgb(185,163,250)
```
#c7b6fb
```
#c7b6fb rgb(199,182,251)
```
#d5c8fc
```
#d5c8fc rgb(213,200,252)
```
#e3dbfd
```
#e3dbfd rgb(227,219,253)
```
#f2edfe
```
#f2edfe rgb(242,237,254)
```

Tint Color Variation

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

#7d7987
```
#7d7987 rgb(125,121,135)
```
#787090
```
#787090 rgb(120,112,144)
```
#73669a
```
#73669a rgb(115,102,154)
```
#6e5ca4
```
#6e5ca4 rgb(110,92,164)
```
#6a52ae
```
#6a52ae rgb(106,82,174)
```
#6549b7
```
#6549b7 rgb(101,73,183)
```
#603fc1
```
#603fc1 rgb(96,63,193)
```
#5b35cb
```
#5b35cb rgb(91,53,203)
```
#562bd5
```
#562bd5 rgb(86,43,213)
```
#5222de
```
#5222de rgb(82,34,222)
```
#4d18e8
```
#4d18e8 rgb(77,24,232)
```
#480ef2
```
#480ef2 rgb(72,14,242)
```
#4304fc
```
#4304fc rgb(67,4,252)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#3c305e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#1a3cc3 Protanomaly 1% of men, 0.01% of women
#1a3fb4 Deuteranomaly 6% of men, 0.4% of women
#1a4399 Tritanomaly 0.01% of the population

#480ef2 hex color

#480ef2 Color Information

#480ef2 Color Conversion

Color Schemes with #480ef2

Alternatives to #480ef2

#480ef2 Preview

Shades and Tints of #480ef2

Tones of #480ef2

Color Blindness Simulator