#3a12a2 hex color

In a RGB color space, hex #3a12a2 is composed of 22.7% red, 7.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 88.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 256.7 degrees, a saturation of 80% and a lightness of 35.3%. #3a12a2 color hex could be obtained by blending #7424ff with #000045. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 23
- G 7
- B 64
RGB color chart
- C 64
- M 89
- Y 0
- K 36
CMYK color chart

● #3a12a2 color description : Dark violet.

The hexadecimal color #3a12a2 has RGB values of R:58, G:18, B:162 and CMYK values of C:0.64, M:0.89, Y:0, K:0.36. Its decimal value is 3805858.

Hex triplet	3a12a2	`#3a12a2`
RGB Decimal	58, 18, 162	`rgb(58,18,162)`
RGB Percent	22.7, 7.1, 63.5	`rgb(22.7%,7.1%,63.5%)`
CMYK	64, 89, 0, 36
HSL	256.7°, 80, 35.3	`hsl(256.7,80%,35.3%)`
HSV (or HSB)	256.7°, 88.9, 63.5
Web Safe	330099	`#330099`

CIE-LAB	23.474, 53.289, -68.282
XYZ	8.482, 3.94, 34.494
xyY	0.181, 0.084, 3.94
CIE-LCH	23.474, 86.615, 307.969
CIE-LUV	23.474, 0.146, -79.655
Hunter-Lab	19.851, 41.529, -89.132
Binary	00111010, 00010010, 10100010

#3a12a2
```
#3a12a2 rgb(58,18,162)
```
#7aa212
```
#7aa212 rgb(122,162,18)
```

Complementary Color

#1232a2
```
#1232a2 rgb(18,50,162)
```
#3a12a2
```
#3a12a2 rgb(58,18,162)
```
#8212a2
```
#8212a2 rgb(130,18,162)
```

Analogous Color

#32a212
```
#32a212 rgb(50,162,18)
```
#3a12a2
```
#3a12a2 rgb(58,18,162)
```
#a28212
```
#a28212 rgb(162,130,18)
```

Split Complementary Color

#12a23a
```
#12a23a rgb(18,162,58)
```
#3a12a2
```
#3a12a2 rgb(58,18,162)
```
#a23a12
```
#a23a12 rgb(162,58,18)
```

Triadic Color

#127aa2
```
#127aa2 rgb(18,122,162)
```
#3a12a2
```
#3a12a2 rgb(58,18,162)
```
#a23a12
```
#a23a12 rgb(162,58,18)
```
#7aa212
```
#7aa212 rgb(122,162,18)
```

Tetradic Color

#210a5d
```
#210a5d rgb(33,10,93)
```
#2a0d74
```
#2a0d74 rgb(42,13,116)
```
#320f8b
```
#320f8b rgb(50,15,139)
```
#3a12a2
```
#3a12a2 rgb(58,18,162)
```
#4215b9
```
#4215b9 rgb(66,21,185)
```
#4a17d0
```
#4a17d0 rgb(74,23,208)
```
#531be6
```
#531be6 rgb(83,27,230)
```

Monochromatic Color

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

#1612a2
```
#1612a2 rgb(22,18,162)
```
#2212a2
```
#2212a2 rgb(34,18,162)
```
#2e12a2
```
#2e12a2 rgb(46,18,162)
```
#3a12a2
```
#3a12a2 rgb(58,18,162)
```
#4612a2
```
#4612a2 rgb(70,18,162)
```
#5212a2
```
#5212a2 rgb(82,18,162)
```
#5e12a2
```
#5e12a2 rgb(94,18,162)
```

Similar Colors

Text with hexadecimal color #3a12a2

This text has a font color of #3a12a2.

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

#3a12a2 background color

This paragraph has a background color of #3a12a2.

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

#3a12a2 border color

This element has a border color of #3a12a2.

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

CSS codes

.text {color:#3a12a2;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#070215
```
#070215 rgb(7,2,21)
```
#0e0426
```
#0e0426 rgb(14,4,38)
```
#140638
```
#140638 rgb(20,6,56)
```
#1a084a
```
#1a084a rgb(26,8,74)
```
#210a5b
```
#210a5b rgb(33,10,91)
```
#270c6d
```
#270c6d rgb(39,12,109)
```
#2d0e7f
```
#2d0e7f rgb(45,14,127)
```
#341090
```
#341090 rgb(52,16,144)
```
#3a12a2
```
#3a12a2 rgb(58,18,162)
```
#4014b4
```
#4014b4 rgb(64,20,180)
```
#4716c5
```
#4716c5 rgb(71,22,197)
```
#4d18d7
```
#4d18d7 rgb(77,24,215)
```

Shade Color Variation

#551de6
```
#551de6 rgb(85,29,230)
```
#622ee8
```
#622ee8 rgb(98,46,232)
```
#6f40ea
```
#6f40ea rgb(111,64,234)
```
#7c52ec
```
#7c52ec rgb(124,82,236)
```
#8a63ee
```
#8a63ee rgb(138,99,238)
```
#9775f0
```
#9775f0 rgb(151,117,240)
```
#a487f2
```
#a487f2 rgb(164,135,242)
```
#b298f4
```
#b298f4 rgb(178,152,244)
```
#bfaaf6
```
#bfaaf6 rgb(191,170,246)
```
#ccbcf8
```
#ccbcf8 rgb(204,188,248)
```
#d9cdf9
```
#d9cdf9 rgb(217,205,249)
```
#e7dffb
```
#e7dffb rgb(231,223,251)
```
#f4f0fd
```
#f4f0fd rgb(244,240,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #59575d is the less saturated color, while #3404b0 is the most saturated one.

#59575d
```
#59575d rgb(89,87,93)
```
#565064
```
#565064 rgb(86,80,100)
```
#53496b
```
#53496b rgb(83,73,107)
```
#504272
```
#504272 rgb(80,66,114)
```
#4c3c78
```
#4c3c78 rgb(76,60,120)
```
#49357f
```
#49357f rgb(73,53,127)
```
#462e86
```
#462e86 rgb(70,46,134)
```
#43278d
```
#43278d rgb(67,39,141)
```
#402094
```
#402094 rgb(64,32,148)
```
#3d199b
```
#3d199b rgb(61,25,155)
```
#3a12a2
```
#3a12a2 rgb(58,18,162)
```
#370ba9
```
#370ba9 rgb(55,11,169)
```
#3404b0
```
#3404b0 rgb(52,4,176)
```

Tone Color Variation

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

Dichromacy

#00407c Protanopia 1% of men
#00446c Deuteranopia 1% of men
#00484d Tritanopia 0.001% of the population

Trichromacy

#152f8a Protanomaly 1% of men, 0.01% of women
#15317f Deuteranomaly 6% of men, 0.4% of women
#15346c Tritanomaly 0.01% of the population

#3a12a2 hex color

#3a12a2 Color Information

#3a12a2 Color Conversion

Color Schemes with #3a12a2

Alternatives to #3a12a2

#3a12a2 Preview

Shades and Tints of #3a12a2

Tones of #3a12a2

Color Blindness Simulator