#3a2580 hex color

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

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

● #3a2580 color description : Dark blue.

The hexadecimal color #3a2580 has RGB values of R:58, G:37, B:128 and CMYK values of C:0.55, M:0.71, Y:0, K:0.5. Its decimal value is 3810688.

Hex triplet	3a2580	`#3a2580`
RGB Decimal	58, 37, 128	`rgb(58,37,128)`
RGB Percent	22.7, 14.5, 50.2	`rgb(22.7%,14.5%,50.2%)`
CMYK	55, 71, 0, 50
HSL	253.8°, 55.2, 32.4	`hsl(253.8,55.2%,32.4%)`
HSV (or HSB)	253.8°, 71.1, 50.2
Web Safe	333399	`#333399`

CIE-LAB	22.934, 34.554, -48.092
XYZ	6.302, 3.781, 20.819
xyY	0.204, 0.122, 3.781
CIE-LCH	22.934, 59.219, 305.697
CIE-LUV	22.934, 0.914, -58.772
Hunter-Lab	19.445, 23.823, -49.867
Binary	00111010, 00100101, 10000000

#3a2580
```
#3a2580 rgb(58,37,128)
```
#6b8025
```
#6b8025 rgb(107,128,37)
```

Complementary Color

#253e80
```
#253e80 rgb(37,62,128)
```
#3a2580
```
#3a2580 rgb(58,37,128)
```
#682580
```
#682580 rgb(104,37,128)
```

Analogous Color

#3e8025
```
#3e8025 rgb(62,128,37)
```
#3a2580
```
#3a2580 rgb(58,37,128)
```
#806825
```
#806825 rgb(128,104,37)
```

Split Complementary Color

#25803a
```
#25803a rgb(37,128,58)
```
#3a2580
```
#3a2580 rgb(58,37,128)
```
#803a25
```
#803a25 rgb(128,58,37)
```

Triadic Color

#256b80
```
#256b80 rgb(37,107,128)
```
#3a2580
```
#3a2580 rgb(58,37,128)
```
#803a25
```
#803a25 rgb(128,58,37)
```
#6b8025
```
#6b8025 rgb(107,128,37)
```

Tetradic Color

#1f1445
```
#1f1445 rgb(31,20,69)
```
#281a58
```
#281a58 rgb(40,26,88)
```
#311f6c
```
#311f6c rgb(49,31,108)
```
#3a2580
```
#3a2580 rgb(58,37,128)
```
#432b94
```
#432b94 rgb(67,43,148)
```
#4c30a8
```
#4c30a8 rgb(76,48,168)
```
#5536bb
```
#5536bb rgb(85,54,187)
```

Monochromatic Color

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

#252780
```
#252780 rgb(37,39,128)
```
#2b2580
```
#2b2580 rgb(43,37,128)
```
#322580
```
#322580 rgb(50,37,128)
```
#3a2580
```
#3a2580 rgb(58,37,128)
```
#422580
```
#422580 rgb(66,37,128)
```
#492580
```
#492580 rgb(73,37,128)
```
#512580
```
#512580 rgb(81,37,128)
```

Similar Colors

Text with hexadecimal color #3a2580

This text has a font color of #3a2580.

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

#3a2580 background color

This paragraph has a background color of #3a2580.

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

#3a2580 border color

This element has a border color of #3a2580.

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

CSS codes

.text {color:#3a2580;}

.background {background-color:#3a2580;}

.border {border:1px solid #3a2580;}

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

#030206
```
#030206 rgb(3,2,6)
```
#0a0615
```
#0a0615 rgb(10,6,21)
```
#110b25
```
#110b25 rgb(17,11,37)
```
#180f34
```
#180f34 rgb(24,15,52)
```
#1e1343
```
#1e1343 rgb(30,19,67)
```
#251852
```
#251852 rgb(37,24,82)
```
#2c1c62
```
#2c1c62 rgb(44,28,98)
```
#332171
```
#332171 rgb(51,33,113)
```
#3a2580
```
#3a2580 rgb(58,37,128)
```
#41298f
```
#41298f rgb(65,41,143)
```
#482e9e
```
#482e9e rgb(72,46,158)
```
#4f32ae
```
#4f32ae rgb(79,50,174)
```
#5637bd
```
#5637bd rgb(86,55,189)
```

Shade Color Variation

#5f3fc8
```
#5f3fc8 rgb(95,63,200)
```
#6c4fcc
```
#6c4fcc rgb(108,79,204)
```
#785ed0
```
#785ed0 rgb(120,94,208)
```
#856dd5
```
#856dd5 rgb(133,109,213)
```
#927cd9
```
#927cd9 rgb(146,124,217)
```
#9e8cde
```
#9e8cde rgb(158,140,222)
```
#ab9be2
```
#ab9be2 rgb(171,155,226)
```
#b8aae6
```
#b8aae6 rgb(184,170,230)
```
#c5b9eb
```
#c5b9eb rgb(197,185,235)
```
#d1c8ef
```
#d1c8ef rgb(209,200,239)
```
#ded8f4
```
#ded8f4 rgb(222,216,244)
```
#ebe7f8
```
#ebe7f8 rgb(235,231,248)
```
#f8f6fc
```
#f8f6fc rgb(248,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 #2905a0 is the most saturated one.

#525154
```
#525154 rgb(82,81,84)
```
#4f4b5a
```
#4f4b5a rgb(79,75,90)
```
#4b4560
```
#4b4560 rgb(75,69,96)
```
#483e67
```
#483e67 rgb(72,62,103)
```
#44386d
```
#44386d rgb(68,56,109)
```
#413273
```
#413273 rgb(65,50,115)
```
#3d2b7a
```
#3d2b7a rgb(61,43,122)
```
#3a2580
```
#3a2580 rgb(58,37,128)
```
#371f86
```
#371f86 rgb(55,31,134)
```
#33188d
```
#33188d rgb(51,24,141)
```
#301293
```
#301293 rgb(48,18,147)
```
#2c0c99
```
#2c0c99 rgb(44,12,153)
```
#2905a0
```
#2905a0 rgb(41,5,160)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#373345 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003f7b Protanopia 1% of men
#00426c Deuteranopia 1% of men
#2a454a Tritanopia 0.001% of the population

Trichromacy

#15357d Protanomaly 1% of men, 0.01% of women
#153773 Deuteranomaly 6% of men, 0.4% of women
#30395d Tritanomaly 0.01% of the population

#3a2580 hex color

#3a2580 Color Information

#3a2580 Color Conversion

Color Schemes with #3a2580

Alternatives to #3a2580

#3a2580 Preview

Shades and Tints of #3a2580

Tones of #3a2580

Color Blindness Simulator