#480eb4 hex color

In a RGB color space, hex #480eb4 is composed of 28.2% red, 5.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 92.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 261 degrees, a saturation of 85.6% and a lightness of 38%. #480eb4 color hex could be obtained by blending #901cff with #000069. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 28
- G 5
- B 71
RGB color chart
- C 60
- M 92
- Y 0
- K 29
CMYK color chart

● #480eb4 color description : Strong violet.

The hexadecimal color #480eb4 has RGB values of R:72, G:14, B:180 and CMYK values of C:0.6, M:0.92, Y:0, K:0.29. Its decimal value is 4722356.

Hex triplet	480eb4	`#480eb4`
RGB Decimal	72, 14, 180	`rgb(72,14,180)`
RGB Percent	28.2, 5.5, 70.6	`rgb(28.2%,5.5%,70.6%)`
CMYK	60, 92, 0, 29
HSL	261°, 85.6, 38	`hsl(261,85.6%,38%)`
HSV (or HSB)	261°, 92.2, 70.6
Web Safe	3300cc	`#3300cc`

CIE-LAB	26.697, 60.111, -73.75
XYZ	11.066, 4.987, 43.557
xyY	0.186, 0.084, 4.987
CIE-LCH	26.697, 95.144, 309.182
CIE-LUV	26.697, 2.284, -90.608
Hunter-Lab	22.331, 49.377, -100.014
Binary	01001000, 00001110, 10110100

#480eb4
```
#480eb4 rgb(72,14,180)
```
#7ab40e
```
#7ab40e rgb(122,180,14)
```

Complementary Color

#0e27b4
```
#0e27b4 rgb(14,39,180)
```
#480eb4
```
#480eb4 rgb(72,14,180)
```
#9b0eb4
```
#9b0eb4 rgb(155,14,180)
```

Analogous Color

#27b40e
```
#27b40e rgb(39,180,14)
```
#480eb4
```
#480eb4 rgb(72,14,180)
```
#b49b0e
```
#b49b0e rgb(180,155,14)
```

Split Complementary Color

#0eb448
```
#0eb448 rgb(14,180,72)
```
#480eb4
```
#480eb4 rgb(72,14,180)
```
#b4480e
```
#b4480e rgb(180,72,14)
```

Triadic Color

#0e7ab4
```
#0e7ab4 rgb(14,122,180)
```
#480eb4
```
#480eb4 rgb(72,14,180)
```
#b4480e
```
#b4480e rgb(180,72,14)
```
#7ab40e
```
#7ab40e rgb(122,180,14)
```

Tetradic Color

#2c086d
```
#2c086d rgb(44,8,109)
```
#350a85
```
#350a85 rgb(53,10,133)
```
#3f0c9c
```
#3f0c9c rgb(63,12,156)
```
#480eb4
```
#480eb4 rgb(72,14,180)
```
#5110cc
```
#5110cc rgb(81,16,204)
```
#5b12e3
```
#5b12e3 rgb(91,18,227)
```
#6821ee
```
#6821ee rgb(104,33,238)
```

Monochromatic Color

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

#1f0eb4
```
#1f0eb4 rgb(31,14,180)
```
#2c0eb4
```
#2c0eb4 rgb(44,14,180)
```
#3a0eb4
```
#3a0eb4 rgb(58,14,180)
```
#480eb4
```
#480eb4 rgb(72,14,180)
```
#560eb4
```
#560eb4 rgb(86,14,180)
```
#640eb4
```
#640eb4 rgb(100,14,180)
```
#720eb4
```
#720eb4 rgb(114,14,180)
```

Similar Colors

Text with hexadecimal color #480eb4

This text has a font color of #480eb4.

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

#480eb4 background color

This paragraph has a background color of #480eb4.

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

#480eb4 border color

This element has a border color of #480eb4.

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

CSS codes

.text {color:#480eb4;}

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

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

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

#060110
```
#060110 rgb(6,1,16)
```
#0e0322
```
#0e0322 rgb(14,3,34)
```
#150435
```
#150435 rgb(21,4,53)
```
#1c0647
```
#1c0647 rgb(28,6,71)
```
#240759
```
#240759 rgb(36,7,89)
```
#2b086b
```
#2b086b rgb(43,8,107)
```
#320a7d
```
#320a7d rgb(50,10,125)
```
#390b90
```
#390b90 rgb(57,11,144)
```
#410da2
```
#410da2 rgb(65,13,162)
```
#480eb4
```
#480eb4 rgb(72,14,180)
```
#4f0fc6
```
#4f0fc6 rgb(79,15,198)
```
#5711d8
```
#5711d8 rgb(87,17,216)
```
#5e12eb
```
#5e12eb rgb(94,18,235)
```

Shade Color Variation

#6a23ee
```
#6a23ee rgb(106,35,238)
```
#7635ef
```
#7635ef rgb(118,53,239)
```
#8247f1
```
#8247f1 rgb(130,71,241)
```
#8f59f2
```
#8f59f2 rgb(143,89,242)
```
#9b6bf4
```
#9b6bf4 rgb(155,107,244)
```
#a77ef5
```
#a77ef5 rgb(167,126,245)
```
#b490f6
```
#b490f6 rgb(180,144,246)
```
#c0a2f8
```
#c0a2f8 rgb(192,162,248)
```
#ccb4f9
```
#ccb4f9 rgb(204,180,249)
```
#d9c6fb
```
#d9c6fb rgb(217,198,251)
```
#e5d9fc
```
#e5d9fc rgb(229,217,252)
```
#f1ebfd
```
#f1ebfd rgb(241,235,253)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#616062
```
#616062 rgb(97,96,98)
```
#5e5969
```
#5e5969 rgb(94,89,105)
```
#5c5171
```
#5c5171 rgb(92,81,113)
```
#5a4a78
```
#5a4a78 rgb(90,74,120)
```
#584280
```
#584280 rgb(88,66,128)
```
#553b87
```
#553b87 rgb(85,59,135)
```
#53338f
```
#53338f rgb(83,51,143)
```
#512c96
```
#512c96 rgb(81,44,150)
```
#4f249e
```
#4f249e rgb(79,36,158)
```
#4c1da5
```
#4c1da5 rgb(76,29,165)
```
#4a15ad
```
#4a15ad rgb(74,21,173)
```
#480eb4
```
#480eb4 rgb(72,14,180)
```
#4607bb
```
#4607bb rgb(70,7,187)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#362b4c Atypical Achromatopsia 0.001% of the population

Dichromacy

#004789 Protanopia 1% of men
#004b77 Deuteranopia 1% of men
#005055 Tritanopia 0.001% of the population

Trichromacy

#1a3299 Protanomaly 1% of men, 0.01% of women
#1a348d Deuteranomaly 6% of men, 0.4% of women
#1a3878 Tritanomaly 0.01% of the population

#480eb4 hex color

#480eb4 Color Information

#480eb4 Color Conversion

Color Schemes with #480eb4

Alternatives to #480eb4

#480eb4 Preview

Shades and Tints of #480eb4

Tones of #480eb4

Color Blindness Simulator