#480ea2 hex color

In a RGB color space, hex #480ea2 is composed of 28.2% red, 5.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 91.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 263.5 degrees, a saturation of 84.1% and a lightness of 34.5%. #480ea2 color hex could be obtained by blending #901cff with #000045. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 28
- G 5
- B 64
RGB color chart
- C 56
- M 91
- Y 0
- K 36
CMYK color chart

● #480ea2 color description : Dark violet.

The hexadecimal color #480ea2 has RGB values of R:72, G:14, B:162 and CMYK values of C:0.56, M:0.91, Y:0, K:0.36. Its decimal value is 4722338.

Hex triplet	480ea2	`#480ea2`
RGB Decimal	72, 14, 162	`rgb(72,14,162)`
RGB Percent	28.2, 5.5, 63.5	`rgb(28.2%,5.5%,63.5%)`
CMYK	56, 91, 0, 36
HSL	263.5°, 84.1, 34.5	`hsl(263.5,84.1%,34.5%)`
HSV (or HSB)	263.5°, 91.4, 63.5
Web Safe	330099	`#330099`

CIE-LAB	24.64, 55.64, -66.302
XYZ	9.35, 4.3, 34.518
xyY	0.194, 0.089, 4.3
CIE-LCH	24.64, 86.555, 310.003
CIE-LUV	24.64, 4.156, -80.139
Hunter-Lab	20.737, 44.193, -84.175
Binary	01001000, 00001110, 10100010

#480ea2
```
#480ea2 rgb(72,14,162)
```
#68a20e
```
#68a20e rgb(104,162,14)
```

Complementary Color

#0e1ea2
```
#0e1ea2 rgb(14,30,162)
```
#480ea2
```
#480ea2 rgb(72,14,162)
```
#920ea2
```
#920ea2 rgb(146,14,162)
```

Analogous Color

#1ea20e
```
#1ea20e rgb(30,162,14)
```
#480ea2
```
#480ea2 rgb(72,14,162)
```
#a2920e
```
#a2920e rgb(162,146,14)
```

Split Complementary Color

#0ea248
```
#0ea248 rgb(14,162,72)
```
#480ea2
```
#480ea2 rgb(72,14,162)
```
#a2480e
```
#a2480e rgb(162,72,14)
```

Triadic Color

#0e68a2
```
#0e68a2 rgb(14,104,162)
```
#480ea2
```
#480ea2 rgb(72,14,162)
```
#a2480e
```
#a2480e rgb(162,72,14)
```
#68a20e
```
#68a20e rgb(104,162,14)
```

Tetradic Color

#29085c
```
#29085c rgb(41,8,92)
```
#330a73
```
#330a73 rgb(51,10,115)
```
#3e0c8b
```
#3e0c8b rgb(62,12,139)
```
#480ea2
```
#480ea2 rgb(72,14,162)
```
#5210b9
```
#5210b9 rgb(82,16,185)
```
#5d12d1
```
#5d12d1 rgb(93,18,209)
```
#6714e8
```
#6714e8 rgb(103,20,232)
```

Monochromatic Color

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

#230ea2
```
#230ea2 rgb(35,14,162)
```
#2f0ea2
```
#2f0ea2 rgb(47,14,162)
```
#3c0ea2
```
#3c0ea2 rgb(60,14,162)
```
#480ea2
```
#480ea2 rgb(72,14,162)
```
#540ea2
```
#540ea2 rgb(84,14,162)
```
#610ea2
```
#610ea2 rgb(97,14,162)
```
#6d0ea2
```
#6d0ea2 rgb(109,14,162)
```

Similar Colors

Text with hexadecimal color #480ea2

This text has a font color of #480ea2.

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

#480ea2 background color

This paragraph has a background color of #480ea2.

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

#480ea2 border color

This element has a border color of #480ea2.

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

CSS codes

.text {color:#480ea2;}

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

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

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

#080212
```
#080212 rgb(8,2,18)
```
#100324
```
#100324 rgb(16,3,36)
```
#180536
```
#180536 rgb(24,5,54)
```
#200648
```
#200648 rgb(32,6,72)
```
#28085a
```
#28085a rgb(40,8,90)
```
#30096c
```
#30096c rgb(48,9,108)
```
#380b7e
```
#380b7e rgb(56,11,126)
```
#400c90
```
#400c90 rgb(64,12,144)
```
#480ea2
```
#480ea2 rgb(72,14,162)
```
#5010b4
```
#5010b4 rgb(80,16,180)
```
#5811c6
```
#5811c6 rgb(88,17,198)
```
#6013d8
```
#6013d8 rgb(96,19,216)
```
#6814ea
```
#6814ea rgb(104,20,234)
```

Shade Color Variation

#7426ec
```
#7426ec rgb(116,38,236)
```
#7f38ee
```
#7f38ee rgb(127,56,238)
```
#8b4aef
```
#8b4aef rgb(139,74,239)
```
#965cf1
```
#965cf1 rgb(150,92,241)
```
#a26ef2
```
#a26ef2 rgb(162,110,242)
```
#ae80f4
```
#ae80f4 rgb(174,128,244)
```
#b992f6
```
#b992f6 rgb(185,146,246)
```
#c5a4f7
```
#c5a4f7 rgb(197,164,247)
```
#d0b6f9
```
#d0b6f9 rgb(208,182,249)
```
#dcc8fa
```
#dcc8fa rgb(220,200,250)
```
#e8dafc
```
#e8dafc rgb(232,218,252)
```
#f3ecfd
```
#f3ecfd rgb(243,236,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57525e is the less saturated color, while #4500b0 is the most saturated one.

#57525e
```
#57525e rgb(87,82,94)
```
#554b65
```
#554b65 rgb(85,75,101)
```
#54446c
```
#54446c rgb(84,68,108)
```
#523d73
```
#523d73 rgb(82,61,115)
```
#513779
```
#513779 rgb(81,55,121)
```
#4f3080
```
#4f3080 rgb(79,48,128)
```
#4e2987
```
#4e2987 rgb(78,41,135)
```
#4c228e
```
#4c228e rgb(76,34,142)
```
#4b1c94
```
#4b1c94 rgb(75,28,148)
```
#49159b
```
#49159b rgb(73,21,155)
```
#480ea2
```
#480ea2 rgb(72,14,162)
```
#4707a9
```
#4707a9 rgb(71,7,169)
```
#4500b0
```
#4500b0 rgb(69,0,176)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#352947 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#004670 Deuteranopia 1% of men
#28494e Tritanopia 0.001% of the population

Trichromacy

#1a2f8d Protanomaly 1% of men, 0.01% of women
#1a3282 Deuteranomaly 6% of men, 0.4% of women
#33336d Tritanomaly 0.01% of the population

#480ea2 hex color

#480ea2 Color Information

#480ea2 Color Conversion

Color Schemes with #480ea2

Alternatives to #480ea2

#480ea2 Preview

Shades and Tints of #480ea2

Tones of #480ea2

Color Blindness Simulator