#332580 hex color

In a RGB color space, hex #332580 is composed of 20% red, 14.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 71.1% magenta, 0% yellow and 49.8% black. It has a hue angle of 249.2 degrees, a saturation of 55.2% and a lightness of 32.4%. #332580 color hex could be obtained by blending #664aff with #000001. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 15
- B 50
RGB color chart
- C 60
- M 71
- Y 0
- K 50
CMYK color chart

● #332580 color description : Dark blue.

The hexadecimal color #332580 has RGB values of R:51, G:37, B:128 and CMYK values of C:0.6, M:0.71, Y:0, K:0.5. Its decimal value is 3351936.

Hex triplet	332580	`#332580`
RGB Decimal	51, 37, 128	`rgb(51,37,128)`
RGB Percent	20, 14.5, 50.2	`rgb(20%,14.5%,50.2%)`
CMYK	60, 71, 0, 50
HSL	249.2°, 55.2, 32.4	`hsl(249.2,55.2%,32.4%)`
HSV (or HSB)	249.2°, 71.1, 50.2
Web Safe	333399	`#333399`

CIE-LAB	22.25, 33.353, -49.239
XYZ	5.922, 3.585, 20.801
xyY	0.195, 0.118, 3.585
CIE-LCH	22.25, 59.472, 304.113
CIE-LUV	22.25, -1.108, -59.029
Hunter-Lab	18.935, 22.695, -51.879
Binary	00110011, 00100101, 10000000

#332580
```
#332580 rgb(51,37,128)
```
#728025
```
#728025 rgb(114,128,37)
```

Complementary Color

#254580
```
#254580 rgb(37,69,128)
```
#332580
```
#332580 rgb(51,37,128)
```
#612580
```
#612580 rgb(97,37,128)
```

Analogous Color

#458025
```
#458025 rgb(69,128,37)
```
#332580
```
#332580 rgb(51,37,128)
```
#806125
```
#806125 rgb(128,97,37)
```

Split Complementary Color

#258033
```
#258033 rgb(37,128,51)
```
#332580
```
#332580 rgb(51,37,128)
```
#803325
```
#803325 rgb(128,51,37)
```

Triadic Color

#257280
```
#257280 rgb(37,114,128)
```
#332580
```
#332580 rgb(51,37,128)
```
#803325
```
#803325 rgb(128,51,37)
```
#728025
```
#728025 rgb(114,128,37)
```

Tetradic Color

#1b1445
```
#1b1445 rgb(27,20,69)
```
#231a58
```
#231a58 rgb(35,26,88)
```
#2b1f6c
```
#2b1f6c rgb(43,31,108)
```
#332580
```
#332580 rgb(51,37,128)
```
#3b2b94
```
#3b2b94 rgb(59,43,148)
```
#4330a8
```
#4330a8 rgb(67,48,168)
```
#4b36bb
```
#4b36bb rgb(75,54,187)
```

Monochromatic Color

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

#252e80
```
#252e80 rgb(37,46,128)
```
#252680
```
#252680 rgb(37,38,128)
```
#2b2580
```
#2b2580 rgb(43,37,128)
```
#332580
```
#332580 rgb(51,37,128)
```
#3b2580
```
#3b2580 rgb(59,37,128)
```
#422580
```
#422580 rgb(66,37,128)
```
#4a2580
```
#4a2580 rgb(74,37,128)
```

Similar Colors

Text with hexadecimal color #332580

This text has a font color of #332580.

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

#332580 background color

This paragraph has a background color of #332580.

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

#332580 border color

This element has a border color of #332580.

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

CSS codes

.text {color:#332580;}

.background {background-color:#332580;}

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

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

#020206
```
#020206 rgb(2,2,6)
```
#090615
```
#090615 rgb(9,6,21)
```
#0f0b25
```
#0f0b25 rgb(15,11,37)
```
#150f34
```
#150f34 rgb(21,15,52)
```
#1b1343
```
#1b1343 rgb(27,19,67)
```
#211852
```
#211852 rgb(33,24,82)
```
#271c62
```
#271c62 rgb(39,28,98)
```
#2d2171
```
#2d2171 rgb(45,33,113)
```
#332580
```
#332580 rgb(51,37,128)
```
#39298f
```
#39298f rgb(57,41,143)
```
#3f2e9e
```
#3f2e9e rgb(63,46,158)
```
#4532ae
```
#4532ae rgb(69,50,174)
```
#4b37bd
```
#4b37bd rgb(75,55,189)
```

Shade Color Variation

#543fc8
```
#543fc8 rgb(84,63,200)
```
#624fcc
```
#624fcc rgb(98,79,204)
```
#705ed0
```
#705ed0 rgb(112,94,208)
```
#7d6dd5
```
#7d6dd5 rgb(125,109,213)
```
#8b7cd9
```
#8b7cd9 rgb(139,124,217)
```
#988cde
```
#988cde rgb(152,140,222)
```
#a69be2
```
#a69be2 rgb(166,155,226)
```
#b3aae6
```
#b3aae6 rgb(179,170,230)
```
#c1b9eb
```
#c1b9eb rgb(193,185,235)
```
#cec8ef
```
#cec8ef rgb(206,200,239)
```
#dcd8f4
```
#dcd8f4 rgb(220,216,244)
```
#e9e7f8
```
#e9e7f8 rgb(233,231,248)
```
#f7f6fc
```
#f7f6fc rgb(247,246,252)
```

Tint Color Variation

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

#525154
```
#525154 rgb(82,81,84)
```
#4d4b5a
```
#4d4b5a rgb(77,75,90)
```
#494560
```
#494560 rgb(73,69,96)
```
#453e67
```
#453e67 rgb(69,62,103)
```
#40386d
```
#40386d rgb(64,56,109)
```
#3c3273
```
#3c3273 rgb(60,50,115)
```
#372b7a
```
#372b7a rgb(55,43,122)
```
#332580
```
#332580 rgb(51,37,128)
```
#2f1f86
```
#2f1f86 rgb(47,31,134)
```
#2a188d
```
#2a188d rgb(42,24,141)
```
#261293
```
#261293 rgb(38,18,147)
```
#210c99
```
#210c99 rgb(33,12,153)
```
#1d05a0
```
#1d05a0 rgb(29,5,160)
```

Tone Color Variation

Below, you can see how #332580 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
#343143 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003d78 Protanopia 1% of men
#004169 Deuteranopia 1% of men
#1a454a Tritanopia 0.001% of the population

Trichromacy

#12347b Protanomaly 1% of men, 0.01% of women
#123771 Deuteranomaly 6% of men, 0.4% of women
#23395d Tritanomaly 0.01% of the population

#332580 hex color

#332580 Color Information

#332580 Color Conversion

Color Schemes with #332580

Alternatives to #332580

#332580 Preview

Shades and Tints of #332580

Tones of #332580

Color Blindness Simulator