#3a2fa0 hex color

In a RGB color space, hex #3a2fa0 is composed of 22.7% red, 18.4% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 70.6% magenta, 0% yellow and 37.3% black. It has a hue angle of 245.8 degrees, a saturation of 54.6% and a lightness of 40.6%. #3a2fa0 color hex could be obtained by blending #745eff with #000041. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 23
- G 18
- B 63
RGB color chart
- C 64
- M 71
- Y 0
- K 37
CMYK color chart

● #3a2fa0 color description : Dark blue.

The hexadecimal color #3a2fa0 has RGB values of R:58, G:47, B:160 and CMYK values of C:0.64, M:0.71, Y:0, K:0.37. Its decimal value is 3813280.

Hex triplet	3a2fa0	`#3a2fa0`
RGB Decimal	58, 47, 160	`rgb(58,47,160)`
RGB Percent	22.7, 18.4, 62.7	`rgb(22.7%,18.4%,62.7%)`
CMYK	64, 71, 0, 37
HSL	245.8°, 54.6, 40.6	`hsl(245.8,54.6%,40.6%)`
HSV (or HSB)	245.8°, 70.6, 62.7
Web Safe	333399	`#333399`

CIE-LAB	28.035, 38.979, -59.541
XYZ	9.105, 5.47, 33.832
xyY	0.188, 0.113, 5.47
CIE-LCH	28.035, 71.165, 303.211
CIE-LUV	28.035, -3.203, -77.551
Hunter-Lab	23.389, 28.562, -69.392
Binary	00111010, 00101111, 10100000

#3a2fa0
```
#3a2fa0 rgb(58,47,160)
```
#95a02f
```
#95a02f rgb(149,160,47)
```

Complementary Color

#2f5ca0
```
#2f5ca0 rgb(47,92,160)
```
#3a2fa0
```
#3a2fa0 rgb(58,47,160)
```
#732fa0
```
#732fa0 rgb(115,47,160)
```

Analogous Color

#5da02f
```
#5da02f rgb(93,160,47)
```
#3a2fa0
```
#3a2fa0 rgb(58,47,160)
```
#a0732f
```
#a0732f rgb(160,115,47)
```

Split Complementary Color

#2fa03a
```
#2fa03a rgb(47,160,58)
```
#3a2fa0
```
#3a2fa0 rgb(58,47,160)
```
#a03a2f
```
#a03a2f rgb(160,58,47)
```

Triadic Color

#2f95a0
```
#2f95a0 rgb(47,149,160)
```
#3a2fa0
```
#3a2fa0 rgb(58,47,160)
```
#a03a2f
```
#a03a2f rgb(160,58,47)
```
#95a02f
```
#95a02f rgb(149,160,47)
```

Tetradic Color

#251e65
```
#251e65 rgb(37,30,101)
```
#2c2379
```
#2c2379 rgb(44,35,121)
```
#33298c
```
#33298c rgb(51,41,140)
```
#3a2fa0
```
#3a2fa0 rgb(58,47,160)
```
#4135b4
```
#4135b4 rgb(65,53,180)
```
#4a3cc6
```
#4a3cc6 rgb(74,60,198)
```
#5c50cc
```
#5c50cc rgb(92,80,204)
```

Monochromatic Color

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

#2f40a0
```
#2f40a0 rgb(47,64,160)
```
#2f37a0
```
#2f37a0 rgb(47,55,160)
```
#312fa0
```
#312fa0 rgb(49,47,160)
```
#3a2fa0
```
#3a2fa0 rgb(58,47,160)
```
#432fa0
```
#432fa0 rgb(67,47,160)
```
#4d2fa0
```
#4d2fa0 rgb(77,47,160)
```
#562fa0
```
#562fa0 rgb(86,47,160)
```

Similar Colors

Text with hexadecimal color #3a2fa0

This text has a font color of #3a2fa0.

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

#3a2fa0 background color

This paragraph has a background color of #3a2fa0.

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

#3a2fa0 border color

This element has a border color of #3a2fa0.

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

CSS codes

.text {color:#3a2fa0;}

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

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

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

#030208
```
#030208 rgb(3,2,8)
```
#090718
```
#090718 rgb(9,7,24)
```
#0e0b27
```
#0e0b27 rgb(14,11,39)
```
#141036
```
#141036 rgb(20,16,54)
```
#191445
```
#191445 rgb(25,20,69)
```
#1f1954
```
#1f1954 rgb(31,25,84)
```
#241d63
```
#241d63 rgb(36,29,99)
```
#2a2273
```
#2a2273 rgb(42,34,115)
```
#2f2682
```
#2f2682 rgb(47,38,130)
```
#352b91
```
#352b91 rgb(53,43,145)
```
#3a2fa0
```
#3a2fa0 rgb(58,47,160)
```
#3f33af
```
#3f33af rgb(63,51,175)
```
#4538be
```
#4538be rgb(69,56,190)
```

Shade Color Variation

#4f42c8
```
#4f42c8 rgb(79,66,200)
```
#5d51cc
```
#5d51cc rgb(93,81,204)
```
#6b61d0
```
#6b61d0 rgb(107,97,208)
```
#7a70d5
```
#7a70d5 rgb(122,112,213)
```
#887fd9
```
#887fd9 rgb(136,127,217)
```
#968ede
```
#968ede rgb(150,142,222)
```
#a49de2
```
#a49de2 rgb(164,157,226)
```
#b2ace7
```
#b2ace7 rgb(178,172,231)
```
#c0bceb
```
#c0bceb rgb(192,188,235)
```
#cecbf0
```
#cecbf0 rgb(206,203,240)
```
#dcdaf4
```
#dcdaf4 rgb(220,218,244)
```
#ebe9f9
```
#ebe9f9 rgb(235,233,249)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

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

#676768
```
#676768 rgb(103,103,104)
```
#605f70
```
#605f70 rgb(96,95,112)
```
#5a5778
```
#5a5778 rgb(90,87,120)
```
#544f80
```
#544f80 rgb(84,79,128)
```
#4d4788
```
#4d4788 rgb(77,71,136)
```
#473f90
```
#473f90 rgb(71,63,144)
```
#403798
```
#403798 rgb(64,55,152)
```
#3a2fa0
```
#3a2fa0 rgb(58,47,160)
```
#3427a8
```
#3427a8 rgb(52,39,168)
```
#2d1fb0
```
#2d1fb0 rgb(45,31,176)
```
#2717b8
```
#2717b8 rgb(39,23,184)
```
#200fc0
```
#200fc0 rgb(32,15,192)
```
#1a07c8
```
#1a07c8 rgb(26,7,200)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3e3c52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004d7d Deuteranopia 1% of men
#005359 Tritanopia 0.001% of the population

Trichromacy

#154095 Protanomaly 1% of men, 0.01% of women
#154289 Deuteranomaly 6% of men, 0.4% of women
#154672 Tritanomaly 0.01% of the population

#3a2fa0 hex color

#3a2fa0 Color Information

#3a2fa0 Color Conversion

Color Schemes with #3a2fa0

Alternatives to #3a2fa0

#3a2fa0 Preview

Shades and Tints of #3a2fa0

Tones of #3a2fa0

Color Blindness Simulator