colorhexa.com

#480ad4 hex color

In a RGB color space, hex #480ad4 is composed of 28.2% red, 3.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 95.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 258.4 degrees, a saturation of 91% and a lightness of 43.5%. #480ad4 color hex could be obtained by blending #9014ff with #0000a9. Closest websafe color is: #3300cc.

- R 28
- G 4
- B 83
RGB color chart
- C 66
- M 95
- Y 0
- K 17
CMYK color chart

● #480ad4 color description : Strong violet.

The hexadecimal color #480ad4 has RGB values of R:72, G:10, B:212 and CMYK values of C:0.66, M:0.95, Y:0, K:0.17. Its decimal value is 4721364.

Hex triplet	480ad4	`#480ad4`
RGB Decimal	72, 10, 212	`rgb(72,10,212)`
RGB Percent	28.2, 3.9, 83.1	`rgb(28.2%,3.9%,83.1%)`
CMYK	66, 95, 0, 17
HSL	258.4°, 91, 43.5	`hsl(258.4,91%,43.5%)`
HSV (or HSB)	258.4°, 95.3, 83.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.273, 68.706, -86.643
XYZ	14.662, 6.348, 62.736
xyY	0.175, 0.076, 6.348
CIE-LCH	30.273, 110.578, 308.414
CIE-LUV	30.273, -0.427, -108.889
Hunter-Lab	25.195, 59.791, -130
Binary	01001000, 00001010, 11010100

#480ad4
```
#480ad4 rgb(72,10,212)
```
#96d40a
```
#96d40a rgb(150,212,10)
```

Complementary Color

#0a31d4
```
#0a31d4 rgb(10,49,212)
```
#480ad4
```
#480ad4 rgb(72,10,212)
```
#ad0ad4
```
#ad0ad4 rgb(173,10,212)
```

Analogous Color

#31d40a
```
#31d40a rgb(49,212,10)
```
#480ad4
```
#480ad4 rgb(72,10,212)
```
#d4ad0a
```
#d4ad0a rgb(212,173,10)
```

Split Complementary Color

#0ad448
```
#0ad448 rgb(10,212,72)
```
#480ad4
```
#480ad4 rgb(72,10,212)
```
#d4480a
```
#d4480a rgb(212,72,10)
```

Triadic Color

#0a96d4
```
#0a96d4 rgb(10,150,212)
```
#480ad4
```
#480ad4 rgb(72,10,212)
```
#d4480a
```
#d4480a rgb(212,72,10)
```
#96d40a
```
#96d40a rgb(150,212,10)
```

Tetradic Color

#2f078b
```
#2f078b rgb(47,7,139)
```
#3708a3
```
#3708a3 rgb(55,8,163)
```
#4009bc
```
#4009bc rgb(64,9,188)
```
#480ad4
```
#480ad4 rgb(72,10,212)
```
#500bec
```
#500bec rgb(80,11,236)
```
#5f1df4
```
#5f1df4 rgb(95,29,244)
```
#7035f5
```
#7035f5 rgb(112,53,245)
```

Monochromatic Color

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

#150ad4
```
#150ad4 rgb(21,10,212)
```
#260ad4
```
#260ad4 rgb(38,10,212)
```
#370ad4
```
#370ad4 rgb(55,10,212)
```
#480ad4
```
#480ad4 rgb(72,10,212)
```
#590ad4
```
#590ad4 rgb(89,10,212)
```
#6a0ad4
```
#6a0ad4 rgb(106,10,212)
```
#7b0ad4
```
#7b0ad4 rgb(123,10,212)
```

Similar Colors

Text with hexadecimal color #480ad4

This text has a font color of #480ad4.

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

#480ad4 background color

This paragraph has a background color of #480ad4.

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

#480ad4 border color

This element has a border color of #480ad4.

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

CSS codes

.text {color:#480ad4;}

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

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

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

#020006
```
#020006 rgb(2,0,6)
```
#080119
```
#080119 rgb(8,1,25)
```
#0f022b
```
#0f022b rgb(15,2,43)
```
#15033e
```
#15033e rgb(21,3,62)
```
#1b0451
```
#1b0451 rgb(27,4,81)
```
#220564
```
#220564 rgb(34,5,100)
```
#280676
```
#280676 rgb(40,6,118)
```
#2f0689
```
#2f0689 rgb(47,6,137)
```
#35079c
```
#35079c rgb(53,7,156)
```
#3b08af
```
#3b08af rgb(59,8,175)
```
#4209c1
```
#4209c1 rgb(66,9,193)
```
#480ad4
```
#480ad4 rgb(72,10,212)
```
#4e0be7
```
#4e0be7 rgb(78,11,231)
```

Shade Color Variation

#5711f4
```
#5711f4 rgb(87,17,244)
```
#6424f5
```
#6424f5 rgb(100,36,245)
```
#7137f6
```
#7137f6 rgb(113,55,246)
```
#7f4af6
```
#7f4af6 rgb(127,74,246)
```
#8c5cf7
```
#8c5cf7 rgb(140,92,247)
```
#996ff8
```
#996ff8 rgb(153,111,248)
```
#a682f9
```
#a682f9 rgb(166,130,249)
```
#b495fa
```
#b495fa rgb(180,149,250)
```
#c1a7fb
```
#c1a7fb rgb(193,167,251)
```
#cebafc
```
#cebafc rgb(206,186,252)
```
#dbcdfd
```
#dbcdfd rgb(219,205,253)
```
#e9dffe
```
#e9dffe rgb(233,223,254)
```
#f6f2fe
```
#f6f2fe rgb(246,242,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6876 is the less saturated color, while #4501dd is the most saturated one.

#6c6876
```
#6c6876 rgb(108,104,118)
```
#695f7f
```
#695f7f rgb(105,95,127)
```
#665787
```
#665787 rgb(102,87,135)
```
#624e90
```
#624e90 rgb(98,78,144)
```
#5f4698
```
#5f4698 rgb(95,70,152)
```
#5c3da1
```
#5c3da1 rgb(92,61,161)
```
#5835a9
```
#5835a9 rgb(88,53,169)
```
#552cb2
```
#552cb2 rgb(85,44,178)
```
#5224ba
```
#5224ba rgb(82,36,186)
```
#4f1bc3
```
#4f1bc3 rgb(79,27,195)
```
#4b13cb
```
#4b13cb rgb(75,19,203)
```
#480ad4
```
#480ad4 rgb(72,10,212)
```
#4501dd
```
#4501dd rgb(69,1,221)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#382c54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e98 Protanopia 1% of men
#005383 Deuteranopia 1% of men
#00585d Tritanopia 0.001% of the population

Trichromacy

#1a35ae Protanomaly 1% of men, 0.01% of women
#1a38a0 Deuteranomaly 6% of men, 0.4% of women
#1a3c88 Tritanomaly 0.01% of the population