#480684 hex color

In a RGB color space, hex #480684 is composed of 28.2% red, 2.4% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 95.5% magenta, 0% yellow and 48.2% black. It has a hue angle of 271.4 degrees, a saturation of 91.3% and a lightness of 27.1%. #480684 color hex could be obtained by blending #900cff with #000009. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 28
- G 2
- B 52
RGB color chart
- C 45
- M 95
- Y 0
- K 48
CMYK color chart

● #480684 color description : Dark violet.

The hexadecimal color #480684 has RGB values of R:72, G:6, B:132 and CMYK values of C:0.45, M:0.95, Y:0, K:0.48. Its decimal value is 4720260.

Hex triplet	480684	`#480684`
RGB Decimal	72, 6, 132	`rgb(72,6,132)`
RGB Percent	28.2, 2.4, 51.8	`rgb(28.2%,2.4%,51.8%)`
CMYK	45, 95, 0, 48
HSL	271.4°, 91.3, 27.1	`hsl(271.4,91.3%,27.1%)`
HSV (or HSB)	271.4°, 95.5, 51.8
Web Safe	330099	`#330099`

CIE-LAB	20.727, 50.291, -54.174
XYZ	6.902, 3.174, 22.078
xyY	0.215, 0.099, 3.174
CIE-LCH	20.727, 73.919, 312.871
CIE-LUV	20.727, 8.3, -62.448
Hunter-Lab	17.816, 37.974, -61.003
Binary	01001000, 00000110, 10000100

#480684
```
#480684 rgb(72,6,132)
```
#428406
```
#428406 rgb(66,132,6)
```

Complementary Color

#090684
```
#090684 rgb(9,6,132)
```
#480684
```
#480684 rgb(72,6,132)
```
#840681
```
#840681 rgb(132,6,129)
```

Analogous Color

#068409
```
#068409 rgb(6,132,9)
```
#480684
```
#480684 rgb(72,6,132)
```
#818406
```
#818406 rgb(129,132,6)
```

Split Complementary Color

#068448
```
#068448 rgb(6,132,72)
```
#480684
```
#480684 rgb(72,6,132)
```
#844806
```
#844806 rgb(132,72,6)
```

Triadic Color

#064284
```
#064284 rgb(6,66,132)
```
#480684
```
#480684 rgb(72,6,132)
```
#844806
```
#844806 rgb(132,72,6)
```
#428406
```
#428406 rgb(66,132,6)
```

Tetradic Color

#20033b
```
#20033b rgb(32,3,59)
```
#2d0453
```
#2d0453 rgb(45,4,83)
```
#3b056c
```
#3b056c rgb(59,5,108)
```
#480684
```
#480684 rgb(72,6,132)
```
#55079c
```
#55079c rgb(85,7,156)
```
#6308b5
```
#6308b5 rgb(99,8,181)
```
#7009cd
```
#7009cd rgb(112,9,205)
```

Monochromatic Color

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

#290684
```
#290684 rgb(41,6,132)
```
#330684
```
#330684 rgb(51,6,132)
```
#3d0684
```
#3d0684 rgb(61,6,132)
```
#480684
```
#480684 rgb(72,6,132)
```
#530684
```
#530684 rgb(83,6,132)
```
#5d0684
```
#5d0684 rgb(93,6,132)
```
#680684
```
#680684 rgb(104,6,132)
```

Similar Colors

Text with hexadecimal color #480684

This text has a font color of #480684.

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

#480684 background color

This paragraph has a background color of #480684.

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

#480684 border color

This element has a border color of #480684.

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

CSS codes

.text {color:#480684;}

.background {background-color:#480684;}

.border {border:1px solid #480684;}

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 #f6edfe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#0b0113
```
#0b0113 rgb(11,1,19)
```
#150226
```
#150226 rgb(21,2,38)
```
#1f0339
```
#1f0339 rgb(31,3,57)
```
#29034c
```
#29034c rgb(41,3,76)
```
#34045e
```
#34045e rgb(52,4,94)
```
#3e0571
```
#3e0571 rgb(62,5,113)
```
#480684
```
#480684 rgb(72,6,132)
```
#520797
```
#520797 rgb(82,7,151)
```
#5c08aa
```
#5c08aa rgb(92,8,170)
```
#6709bc
```
#6709bc rgb(103,9,188)
```
#7109cf
```
#7109cf rgb(113,9,207)
```
#7b0ae2
```
#7b0ae2 rgb(123,10,226)
```

Shade Color Variation

#850cf4
```
#850cf4 rgb(133,12,244)
```
#8f1ff5
```
#8f1ff5 rgb(143,31,245)
```
#9831f6
```
#9831f6 rgb(152,49,246)
```
#a244f7
```
#a244f7 rgb(162,68,247)
```
#ab57f7
```
#ab57f7 rgb(171,87,247)
```
#b46af8
```
#b46af8 rgb(180,106,248)
```
#be7cf9
```
#be7cf9 rgb(190,124,249)
```
#c78ffa
```
#c78ffa rgb(199,143,250)
```
#d0a2fb
```
#d0a2fb rgb(208,162,251)
```
#dab5fc
```
#dab5fc rgb(218,181,252)
```
#e3c7fc
```
#e3c7fc rgb(227,199,252)
```
#eddafd
```
#eddafd rgb(237,218,253)
```
#f6edfe
```
#f6edfe rgb(246,237,254)
```

Tint Color Variation

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

#45404a
```
#45404a rgb(69,64,74)
```
#453b4f
```
#453b4f rgb(69,59,79)
```
#463654
```
#463654 rgb(70,54,84)
```
#46305a
```
#46305a rgb(70,48,90)
```
#462b5f
```
#462b5f rgb(70,43,95)
```
#462664
```
#462664 rgb(70,38,100)
```
#472169
```
#472169 rgb(71,33,105)
```
#471b6f
```
#471b6f rgb(71,27,111)
```
#471674
```
#471674 rgb(71,22,116)
```
#471179
```
#471179 rgb(71,17,121)
```
#480b7f
```
#480b7f rgb(72,11,127)
```
#480684
```
#480684 rgb(72,6,132)
```
#480189
```
#480189 rgb(72,1,137)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2e213a Atypical Achromatopsia 0.001% of the population

Dichromacy

#003a72 Protanopia 1% of men
#003e63 Deuteranopia 1% of men
#3b3c40 Tritanopia 0.001% of the population

Trichromacy

#1a2778 Protanomaly 1% of men, 0.01% of women
#1a296f Deuteranomaly 6% of men, 0.4% of women
#402859 Tritanomaly 0.01% of the population

#480684 hex color

#480684 Color Information

#480684 Color Conversion

Color Schemes with #480684

Alternatives to #480684

#480684 Preview

Shades and Tints of #480684

Tones of #480684

Color Blindness Simulator