#3a3570 hex color

In a RGB color space, hex #3a3570 is composed of 22.7% red, 20.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 48.2% cyan, 52.7% magenta, 0% yellow and 56.1% black. It has a hue angle of 245.1 degrees, a saturation of 35.8% and a lightness of 32.4%. #3a3570 color hex could be obtained by blending #746ae0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 21
- B 44
RGB color chart
- C 48
- M 53
- Y 0
- K 56
CMYK color chart

● #3a3570 color description : Very dark desaturated blue.

The hexadecimal color #3a3570 has RGB values of R:58, G:53, B:112 and CMYK values of C:0.48, M:0.53, Y:0, K:0.56. Its decimal value is 3814768.

Hex triplet	3a3570	`#3a3570`
RGB Decimal	58, 53, 112	`rgb(58,53,112)`
RGB Percent	22.7, 20.8, 43.9	`rgb(22.7%,20.8%,43.9%)`
CMYK	48, 53, 0, 56
HSL	245.1°, 35.8, 32.4	`hsl(245.1,35.8%,32.4%)`
HSV (or HSB)	245.1°, 52.7, 43.9
Web Safe	333366	`#333366`

CIE-LAB	25.61, 19.091, -33.592
XYZ	5.942, 4.615, 15.906
xyY	0.225, 0.174, 4.615
CIE-LCH	25.61, 38.638, 299.61
CIE-LUV	25.61, -1.475, -43.389
Hunter-Lab	21.484, 11.775, -28.859
Binary	00111010, 00110101, 01110000

#3a3570
```
#3a3570 rgb(58,53,112)
```
#6b7035
```
#6b7035 rgb(107,112,53)
```

Complementary Color

#354e70
```
#354e70 rgb(53,78,112)
```
#3a3570
```
#3a3570 rgb(58,53,112)
```
#573570
```
#573570 rgb(87,53,112)
```

Analogous Color

#4e7035
```
#4e7035 rgb(78,112,53)
```
#3a3570
```
#3a3570 rgb(58,53,112)
```
#705835
```
#705835 rgb(112,88,53)
```

Split Complementary Color

#35703a
```
#35703a rgb(53,112,58)
```
#3a3570
```
#3a3570 rgb(58,53,112)
```
#703a35
```
#703a35 rgb(112,58,53)
```

Triadic Color

#356b70
```
#356b70 rgb(53,107,112)
```
#3a3570
```
#3a3570 rgb(58,53,112)
```
#703a35
```
#703a35 rgb(112,58,53)
```
#6b7035
```
#6b7035 rgb(107,112,53)
```

Tetradic Color

#1f1c3c
```
#1f1c3c rgb(31,28,60)
```
#28254d
```
#28254d rgb(40,37,77)
```
#312d5f
```
#312d5f rgb(49,45,95)
```
#3a3570
```
#3a3570 rgb(58,53,112)
```
#433d81
```
#433d81 rgb(67,61,129)
```
#4c4593
```
#4c4593 rgb(76,69,147)
```
#554ea4
```
#554ea4 rgb(85,78,164)
```

Monochromatic Color

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

#353f70
```
#353f70 rgb(53,63,112)
```
#353a70
```
#353a70 rgb(53,58,112)
```
#353570
```
#353570 rgb(53,53,112)
```
#3a3570
```
#3a3570 rgb(58,53,112)
```
#3f3570
```
#3f3570 rgb(63,53,112)
```
#443570
```
#443570 rgb(68,53,112)
```
#493570
```
#493570 rgb(73,53,112)
```

Similar Colors

Text with hexadecimal color #3a3570

This text has a font color of #3a3570.

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

#3a3570 background color

This paragraph has a background color of #3a3570.

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

#3a3570 border color

This element has a border color of #3a3570.

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

CSS codes

.text {color:#3a3570;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0a0913
```
#0a0913 rgb(10,9,19)
```
#110f20
```
#110f20 rgb(17,15,32)
```
#18152d
```
#18152d rgb(24,21,45)
```
#1e1c3b
```
#1e1c3b rgb(30,28,59)
```
#252248
```
#252248 rgb(37,34,72)
```
#2c2855
```
#2c2855 rgb(44,40,85)
```
#332f63
```
#332f63 rgb(51,47,99)
```
#3a3570
```
#3a3570 rgb(58,53,112)
```
#413b7d
```
#413b7d rgb(65,59,125)
```
#48428b
```
#48428b rgb(72,66,139)
```
#4f4898
```
#4f4898 rgb(79,72,152)
```
#564ea5
```
#564ea5 rgb(86,78,165)
```

Shade Color Variation

#5f57b0
```
#5f57b0 rgb(95,87,176)
```
#6c65b6
```
#6c65b6 rgb(108,101,182)
```
#7872bc
```
#7872bc rgb(120,114,188)
```
#857fc3
```
#857fc3 rgb(133,127,195)
```
#928dc9
```
#928dc9 rgb(146,141,201)
```
#9e9acf
```
#9e9acf rgb(158,154,207)
```
#aba7d5
```
#aba7d5 rgb(171,167,213)
```
#b8b5dc
```
#b8b5dc rgb(184,181,220)
```
#c5c2e2
```
#c5c2e2 rgb(197,194,226)
```
#d1cfe8
```
#d1cfe8 rgb(209,207,232)
```
#deddef
```
#deddef rgb(222,221,239)
```
#ebeaf5
```
#ebeaf5 rgb(235,234,245)
```
#f8f7fb
```
#f8f7fb rgb(248,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f4e57 is the less saturated color, while #1002a3 is the most saturated one.

#4f4e57
```
#4f4e57 rgb(79,78,87)
```
#4a485d
```
#4a485d rgb(74,72,93)
```
#454263
```
#454263 rgb(69,66,99)
```
#3f3b6a
```
#3f3b6a rgb(63,59,106)
```
#3a3570
```
#3a3570 rgb(58,53,112)
```
#352f76
```
#352f76 rgb(53,47,118)
```
#2f287d
```
#2f287d rgb(47,40,125)
```
#2a2283
```
#2a2283 rgb(42,34,131)
```
#251c89
```
#251c89 rgb(37,28,137)
```
#201590
```
#201590 rgb(32,21,144)
```
#1a0f96
```
#1a0f96 rgb(26,15,150)
```
#15099c
```
#15099c rgb(21,9,156)
```
#1002a3
```
#1002a3 rgb(16,2,163)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3c3b47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#26447c Protanopia 1% of men
#1e4774 Deuteranopia 1% of men
#36494f Tritanopia 0.001% of the population

Trichromacy

#2d3f77 Protanomaly 1% of men, 0.01% of women
#284072 Deuteranomaly 6% of men, 0.4% of women
#37425b Tritanomaly 0.01% of the population

#3a3570 hex color

#3a3570 Color Information

#3a3570 Color Conversion

Color Schemes with #3a3570

Alternatives to #3a3570

#3a3570 Preview

Shades and Tints of #3a3570

Tones of #3a3570

Color Blindness Simulator