colorhexa.com

#3a20c1 hex color

In a RGB color space, hex #3a20c1 is composed of 22.7% red, 12.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 83.4% magenta, 0% yellow and 24.3% black. It has a hue angle of 249.7 degrees, a saturation of 71.6% and a lightness of 44.1%. #3a20c1 color hex could be obtained by blending #7440ff with #000083. Closest websafe color is: #3333cc.

- R 23
- G 13
- B 76
RGB color chart
- C 70
- M 83
- Y 0
- K 24
CMYK color chart

● #3a20c1 color description : Strong blue.

The hexadecimal color #3a20c1 has RGB values of R:58, G:32, B:193 and CMYK values of C:0.7, M:0.83, Y:0, K:0.24. Its decimal value is 3809473.

Hex triplet	3a20c1	`#3a20c1`
RGB Decimal	58, 32, 193	`rgb(58,32,193)`
RGB Percent	22.7, 12.5, 75.7	`rgb(22.7%,12.5%,75.7%)`
CMYK	70, 83, 0, 24
HSL	249.7°, 71.6, 44.1	`hsl(249.7,71.6%,44.1%)`
HSV (or HSB)	249.7°, 83.4, 75.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.856, 56.685, -77.922
XYZ	11.885, 5.782, 50.939
xyY	0.173, 0.084, 5.782
CIE-LCH	28.856, 96.358, 306.034
CIE-LUV	28.856, -3.287, -98.046
Hunter-Lab	24.046, 46.145, -108.766
Binary	00111010, 00100000, 11000001

#3a20c1
```
#3a20c1 rgb(58,32,193)
```
#a7c120
```
#a7c120 rgb(167,193,32)
```

Complementary Color

#2056c1
```
#2056c1 rgb(32,86,193)
```
#3a20c1
```
#3a20c1 rgb(58,32,193)
```
#8b20c1
```
#8b20c1 rgb(139,32,193)
```

Analogous Color

#56c120
```
#56c120 rgb(86,193,32)
```
#3a20c1
```
#3a20c1 rgb(58,32,193)
```
#c18b20
```
#c18b20 rgb(193,139,32)
```

Split Complementary Color

#20c13a
```
#20c13a rgb(32,193,58)
```
#3a20c1
```
#3a20c1 rgb(58,32,193)
```
#c13a20
```
#c13a20 rgb(193,58,32)
```

Triadic Color

#20a7c1
```
#20a7c1 rgb(32,167,193)
```
#3a20c1
```
#3a20c1 rgb(58,32,193)
```
#c13a20
```
#c13a20 rgb(193,58,32)
```
#a7c120
```
#a7c120 rgb(167,193,32)
```

Tetradic Color

#26157f
```
#26157f rgb(38,21,127)
```
#2d1995
```
#2d1995 rgb(45,25,149)
```
#331cab
```
#331cab rgb(51,28,171)
```
#3a20c1
```
#3a20c1 rgb(58,32,193)
```
#4124d7
```
#4124d7 rgb(65,36,215)
```
#5136de
```
#5136de rgb(81,54,222)
```
#644ce1
```
#644ce1 rgb(100,76,225)
```

Monochromatic Color

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

#202ec1
```
#202ec1 rgb(32,46,193)
```
#2021c1
```
#2021c1 rgb(32,33,193)
```
#2d20c1
```
#2d20c1 rgb(45,32,193)
```
#3a20c1
```
#3a20c1 rgb(58,32,193)
```
#4720c1
```
#4720c1 rgb(71,32,193)
```
#5520c1
```
#5520c1 rgb(85,32,193)
```
#6220c1
```
#6220c1 rgb(98,32,193)
```

Similar Colors

Text with hexadecimal color #3a20c1

This text has a font color of #3a20c1.

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

#3a20c1 background color

This paragraph has a background color of #3a20c1.

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

#3a20c1 border color

This element has a border color of #3a20c1.

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

CSS codes

.text {color:#3a20c1;}

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

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

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

#020108
```
#020108 rgb(2,1,8)
```
#070419
```
#070419 rgb(7,4,25)
```
#0c072a
```
#0c072a rgb(12,7,42)
```
#120a3a
```
#120a3a rgb(18,10,58)
```
#170c4b
```
#170c4b rgb(23,12,75)
```
#1c0f5c
```
#1c0f5c rgb(28,15,92)
```
#21126d
```
#21126d rgb(33,18,109)
```
#26157e
```
#26157e rgb(38,21,126)
```
#2b188f
```
#2b188f rgb(43,24,143)
```
#301a9f
```
#301a9f rgb(48,26,159)
```
#351db0
```
#351db0 rgb(53,29,176)
```
#3a20c1
```
#3a20c1 rgb(58,32,193)
```
#3f23d2
```
#3f23d2 rgb(63,35,210)
```

Shade Color Variation

#492cdc
```
#492cdc rgb(73,44,220)
```
#573ddf
```
#573ddf rgb(87,61,223)
```
#664ee2
```
#664ee2 rgb(102,78,226)
```
#745fe4
```
#745fe4 rgb(116,95,228)
```
#836fe7
```
#836fe7 rgb(131,111,231)
```
#9180ea
```
#9180ea rgb(145,128,234)
```
#a091ed
```
#a091ed rgb(160,145,237)
```
#aea2f0
```
#aea2f0 rgb(174,162,240)
```
#bdb3f2
```
#bdb3f2 rgb(189,179,242)
```
#ccc4f5
```
#ccc4f5 rgb(204,196,245)
```
#dad4f8
```
#dad4f8 rgb(218,212,248)
```
#e9e5fb
```
#e9e5fb rgb(233,229,251)
```
#f7f6fe
```
#f7f6fe rgb(247,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6e73 is the less saturated color, while #2806db is the most saturated one.

#6f6e73
```
#6f6e73 rgb(111,110,115)
```
#69657c
```
#69657c rgb(105,101,124)
```
#635d84
```
#635d84 rgb(99,93,132)
```
#5d548d
```
#5d548d rgb(93,84,141)
```
#574b96
```
#574b96 rgb(87,75,150)
```
#51439e
```
#51439e rgb(81,67,158)
```
#4c3aa7
```
#4c3aa7 rgb(76,58,167)
```
#4631b0
```
#4631b0 rgb(70,49,176)
```
#4029b8
```
#4029b8 rgb(64,41,184)
```
#3a20c1
```
#3a20c1 rgb(58,32,193)
```
#3417ca
```
#3417ca rgb(52,23,202)
```
#2e0fd2
```
#2e0fd2 rgb(46,15,210)
```
#2806db
```
#2806db rgb(40,6,219)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3a3555 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#00507e Deuteranopia 1% of men
#005559 Tritanopia 0.001% of the population

Trichromacy

#153ba3 Protanomaly 1% of men, 0.01% of women
#153e96 Deuteranomaly 6% of men, 0.4% of women
#15427f Tritanomaly 0.01% of the population