#3a227e hex color

In a RGB color space, hex #3a227e is composed of 22.7% red, 13.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 73% magenta, 0% yellow and 50.6% black. It has a hue angle of 255.7 degrees, a saturation of 57.5% and a lightness of 31.4%. #3a227e color hex could be obtained by blending #7444fc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 13
- B 49
RGB color chart
- C 54
- M 73
- Y 0
- K 51
CMYK color chart

● #3a227e color description : Dark violet.

The hexadecimal color #3a227e has RGB values of R:58, G:34, B:126 and CMYK values of C:0.54, M:0.73, Y:0, K:0.51. Its decimal value is 3809918.

Hex triplet	3a227e	`#3a227e`
RGB Decimal	58, 34, 126	`rgb(58,34,126)`
RGB Percent	22.7, 13.3, 49.4	`rgb(22.7%,13.3%,49.4%)`
CMYK	54, 73, 0, 51
HSL	255.7°, 57.5, 31.4	`hsl(255.7,57.5%,31.4%)`
HSV (or HSB)	255.7°, 73, 49.4
Web Safe	333366	`#333366`

CIE-LAB	22.124, 35.665, -48.152
XYZ	6.082, 3.55, 20.102
xyY	0.205, 0.119, 3.55
CIE-LCH	22.124, 59.922, 306.526
CIE-LUV	22.124, 1.586, -57.892
Hunter-Lab	18.841, 24.651, -50.07
Binary	00111010, 00100010, 01111110

#3a227e
```
#3a227e rgb(58,34,126)
```
#667e22
```
#667e22 rgb(102,126,34)
```

Complementary Color

#22387e
```
#22387e rgb(34,56,126)
```
#3a227e
```
#3a227e rgb(58,34,126)
```
#68227e
```
#68227e rgb(104,34,126)
```

Analogous Color

#387e22
```
#387e22 rgb(56,126,34)
```
#3a227e
```
#3a227e rgb(58,34,126)
```
#7e6822
```
#7e6822 rgb(126,104,34)
```

Split Complementary Color

#227e3a
```
#227e3a rgb(34,126,58)
```
#3a227e
```
#3a227e rgb(58,34,126)
```
#7e3a22
```
#7e3a22 rgb(126,58,34)
```

Triadic Color

#22667e
```
#22667e rgb(34,102,126)
```
#3a227e
```
#3a227e rgb(58,34,126)
```
#7e3a22
```
#7e3a22 rgb(126,58,34)
```
#667e22
```
#667e22 rgb(102,126,34)
```

Tetradic Color

#1e1242
```
#1e1242 rgb(30,18,66)
```
#281756
```
#281756 rgb(40,23,86)
```
#311d6a
```
#311d6a rgb(49,29,106)
```
#3a227e
```
#3a227e rgb(58,34,126)
```
#432792
```
#432792 rgb(67,39,146)
```
#4c2da6
```
#4c2da6 rgb(76,45,166)
```
#5632ba
```
#5632ba rgb(86,50,186)
```

Monochromatic Color

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

#23227e
```
#23227e rgb(35,34,126)
```
#2b227e
```
#2b227e rgb(43,34,126)
```
#32227e
```
#32227e rgb(50,34,126)
```
#3a227e
```
#3a227e rgb(58,34,126)
```
#42227e
```
#42227e rgb(66,34,126)
```
#49227e
```
#49227e rgb(73,34,126)
```
#51227e
```
#51227e rgb(81,34,126)
```

Similar Colors

Text with hexadecimal color #3a227e

This text has a font color of #3a227e.

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

#3a227e background color

This paragraph has a background color of #3a227e.

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

#3a227e border color

This element has a border color of #3a227e.

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

CSS codes

.text {color:#3a227e;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#080512
```
#080512 rgb(8,5,18)
```
#0f0921
```
#0f0921 rgb(15,9,33)
```
#160d31
```
#160d31 rgb(22,13,49)
```
#1e1140
```
#1e1140 rgb(30,17,64)
```
#251550
```
#251550 rgb(37,21,80)
```
#2c1a5f
```
#2c1a5f rgb(44,26,95)
```
#331e6f
```
#331e6f rgb(51,30,111)
```
#3a227e
```
#3a227e rgb(58,34,126)
```
#41268d
```
#41268d rgb(65,38,141)
```
#482a9d
```
#482a9d rgb(72,42,157)
```
#4f2fac
```
#4f2fac rgb(79,47,172)
```
#5633bc
```
#5633bc rgb(86,51,188)
```

Shade Color Variation

#5e39c9
```
#5e39c9 rgb(94,57,201)
```
#6b48ce
```
#6b48ce rgb(107,72,206)
```
#7758d2
```
#7758d2 rgb(119,88,210)
```
#8467d6
```
#8467d6 rgb(132,103,214)
```
#9076da
```
#9076da rgb(144,118,218)
```
#9d86de
```
#9d86de rgb(157,134,222)
```
#a995e2
```
#a995e2 rgb(169,149,226)
```
#b6a5e7
```
#b6a5e7 rgb(182,165,231)
```
#c2b4eb
```
#c2b4eb rgb(194,180,235)
```
#cfc4ef
```
#cfc4ef rgb(207,196,239)
```
#dbd3f3
```
#dbd3f3 rgb(219,211,243)
```
#e8e3f7
```
#e8e3f7 rgb(232,227,247)
```
#f4f2fb
```
#f4f2fb rgb(244,242,251)
```

Tint Color Variation

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

#4f4d53
```
#4f4d53 rgb(79,77,83)
```
#4c4759
```
#4c4759 rgb(76,71,89)
```
#49415f
```
#49415f rgb(73,65,95)
```
#463b65
```
#463b65 rgb(70,59,101)
```
#43346c
```
#43346c rgb(67,52,108)
```
#402e72
```
#402e72 rgb(64,46,114)
```
#3d2878
```
#3d2878 rgb(61,40,120)
```
#3a227e
```
#3a227e rgb(58,34,126)
```
#371c84
```
#371c84 rgb(55,28,132)
```
#34168a
```
#34168a rgb(52,22,138)
```
#311090
```
#311090 rgb(49,16,144)
```
#2e0997
```
#2e0997 rgb(46,9,151)
```
#2b039d
```
#2b039d rgb(43,3,157)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#15337a Protanomaly 1% of men, 0.01% of women
#153570 Deuteranomaly 6% of men, 0.4% of women
#30375b Tritanomaly 0.01% of the population

#3a227e hex color

#3a227e Color Information

#3a227e Color Conversion

Color Schemes with #3a227e

Alternatives to #3a227e

#3a227e Preview

Shades and Tints of #3a227e

Tones of #3a227e

Color Blindness Simulator