#3a1e63 hex color

In a RGB color space, hex #3a1e63 is composed of 22.7% red, 11.8% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 69.7% magenta, 0% yellow and 61.2% black. It has a hue angle of 264.3 degrees, a saturation of 53.5% and a lightness of 25.3%. #3a1e63 color hex could be obtained by blending #743cc6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 12
- B 39
RGB color chart
- C 41
- M 70
- Y 0
- K 61
CMYK color chart

● #3a1e63 color description : Very dark violet.

The hexadecimal color #3a1e63 has RGB values of R:58, G:30, B:99 and CMYK values of C:0.41, M:0.7, Y:0, K:0.61. Its decimal value is 3808867.

Hex triplet	3a1e63	`#3a1e63`
RGB Decimal	58, 30, 99	`rgb(58,30,99)`
RGB Percent	22.7, 11.8, 38.8	`rgb(22.7%,11.8%,38.8%)`
CMYK	41, 70, 0, 61
HSL	264.3°, 53.5, 25.3	`hsl(264.3,53.5%,25.3%)`
HSV (or HSB)	264.3°, 69.7, 38.8
Web Safe	333366	`#333366`

CIE-LAB	18.924, 29.823, -35.929
XYZ	4.461, 2.729, 12.095
xyY	0.231, 0.142, 2.729
CIE-LCH	18.924, 46.694, 309.694
CIE-LUV	18.924, 5.072, -41.244
Hunter-Lab	16.52, 19.293, -31.848
Binary	00111010, 00011110, 01100011

#3a1e63
```
#3a1e63 rgb(58,30,99)
```
#47631e
```
#47631e rgb(71,99,30)
```

Complementary Color

#1e2563
```
#1e2563 rgb(30,37,99)
```
#3a1e63
```
#3a1e63 rgb(58,30,99)
```
#5d1e63
```
#5d1e63 rgb(93,30,99)
```

Analogous Color

#25631e
```
#25631e rgb(37,99,30)
```
#3a1e63
```
#3a1e63 rgb(58,30,99)
```
#635d1e
```
#635d1e rgb(99,93,30)
```

Split Complementary Color

#1e633a
```
#1e633a rgb(30,99,58)
```
#3a1e63
```
#3a1e63 rgb(58,30,99)
```
#633a1e
```
#633a1e rgb(99,58,30)
```

Triadic Color

#1e4763
```
#1e4763 rgb(30,71,99)
```
#3a1e63
```
#3a1e63 rgb(58,30,99)
```
#633a1e
```
#633a1e rgb(99,58,30)
```
#47631e
```
#47631e rgb(71,99,30)
```

Tetradic Color

#180c28
```
#180c28 rgb(24,12,40)
```
#23123c
```
#23123c rgb(35,18,60)
```
#2f184f
```
#2f184f rgb(47,24,79)
```
#3a1e63
```
#3a1e63 rgb(58,30,99)
```
#452477
```
#452477 rgb(69,36,119)
```
#512a8a
```
#512a8a rgb(81,42,138)
```
#5c309e
```
#5c309e rgb(92,48,158)
```

Monochromatic Color

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

#291e63
```
#291e63 rgb(41,30,99)
```
#2f1e63
```
#2f1e63 rgb(47,30,99)
```
#341e63
```
#341e63 rgb(52,30,99)
```
#3a1e63
```
#3a1e63 rgb(58,30,99)
```
#401e63
```
#401e63 rgb(64,30,99)
```
#461e63
```
#461e63 rgb(70,30,99)
```
#4b1e63
```
#4b1e63 rgb(75,30,99)
```

Similar Colors

Text with hexadecimal color #3a1e63

This text has a font color of #3a1e63.

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

#3a1e63 background color

This paragraph has a background color of #3a1e63.

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

#3a1e63 border color

This element has a border color of #3a1e63.

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

CSS codes

.text {color:#3a1e63;}

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

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

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

#050309
```
#050309 rgb(5,3,9)
```
#0e0718
```
#0e0718 rgb(14,7,24)
```
#170c27
```
#170c27 rgb(23,12,39)
```
#201036
```
#201036 rgb(32,16,54)
```
#281545
```
#281545 rgb(40,21,69)
```
#311954
```
#311954 rgb(49,25,84)
```
#3a1e63
```
#3a1e63 rgb(58,30,99)
```
#432372
```
#432372 rgb(67,35,114)
```
#4c2781
```
#4c2781 rgb(76,39,129)
```
#542c90
```
#542c90 rgb(84,44,144)
```
#5d309f
```
#5d309f rgb(93,48,159)
```
#6635ae
```
#6635ae rgb(102,53,174)
```
#6f39bd
```
#6f39bd rgb(111,57,189)
```

Shade Color Variation

#7944c6
```
#7944c6 rgb(121,68,198)
```
#8453cb
```
#8453cb rgb(132,83,203)
```
#8e62cf
```
#8e62cf rgb(142,98,207)
```
#9971d4
```
#9971d4 rgb(153,113,212)
```
#a480d9
```
#a480d9 rgb(164,128,217)
```
#af8fdd
```
#af8fdd rgb(175,143,221)
```
#ba9ee2
```
#ba9ee2 rgb(186,158,226)
```
#c4ade6
```
#c4ade6 rgb(196,173,230)
```
#cfbceb
```
#cfbceb rgb(207,188,235)
```
#dacbef
```
#dacbef rgb(218,203,239)
```
#e5dbf4
```
#e5dbf4 rgb(229,219,244)
```
#f0eaf9
```
#f0eaf9 rgb(240,234,249)
```
#faf9fd
```
#faf9fd rgb(250,249,253)
```

Tint Color Variation

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

#403c45
```
#403c45 rgb(64,60,69)
```
#3f374a
```
#3f374a rgb(63,55,74)
```
#3e324f
```
#3e324f rgb(62,50,79)
```
#3d2d54
```
#3d2d54 rgb(61,45,84)
```
#3c2859
```
#3c2859 rgb(60,40,89)
```
#3b235e
```
#3b235e rgb(59,35,94)
```
#3a1e63
```
#3a1e63 rgb(58,30,99)
```
#391968
```
#391968 rgb(57,25,104)
```
#38146d
```
#38146d rgb(56,20,109)
```
#370f72
```
#370f72 rgb(55,15,114)
```
#360a77
```
#360a77 rgb(54,10,119)
```
#35057c
```
#35057c rgb(53,5,124)
```
#340081
```
#340081 rgb(52,0,129)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#302b39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376b Protanopia 1% of men
#00395f Deuteranopia 1% of men
#37383c Tritanopia 0.001% of the population

Trichromacy

#152e68 Protanomaly 1% of men, 0.01% of women
#152f60 Deuteranomaly 6% of men, 0.4% of women
#382f4a Tritanomaly 0.01% of the population

#3a1e63 hex color

#3a1e63 Color Information

#3a1e63 Color Conversion

Color Schemes with #3a1e63

Alternatives to #3a1e63

#3a1e63 Preview

Shades and Tints of #3a1e63

Tones of #3a1e63

Color Blindness Simulator