#3a20f4 hex color

In a RGB color space, hex #3a20f4 is composed of 22.7% red, 12.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 86.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 247.4 degrees, a saturation of 90.6% and a lightness of 54.1%. #3a20f4 color hex could be obtained by blending #7440ff with #0000e9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 23
- G 13
- B 96
RGB color chart
- C 76
- M 87
- Y 0
- K 4
CMYK color chart

● #3a20f4 color description : Vivid blue.

The hexadecimal color #3a20f4 has RGB values of R:58, G:32, B:244 and CMYK values of C:0.76, M:0.87, Y:0, K:0.04. Its decimal value is 3809524.

Hex triplet	3a20f4	`#3a20f4`
RGB Decimal	58, 32, 244	`rgb(58,32,244)`
RGB Percent	22.7, 12.5, 95.7	`rgb(22.7%,12.5%,95.7%)`
CMYK	76, 87, 0, 4
HSL	247.4°, 90.6, 54.1	`hsl(247.4,90.6%,54.1%)`
HSV (or HSB)	247.4°, 86.9, 95.7
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.929, 70.699, -97.235
XYZ	18.587, 8.463, 86.237
xyY	0.164, 0.075, 8.463
CIE-LCH	34.929, 120.22, 306.021
CIE-LUV	34.929, -6.32, -127.105
Hunter-Lab	29.091, 63.139, -155.392
Binary	00111010, 00100000, 11110100

#3a20f4
```
#3a20f4 rgb(58,32,244)
```
#daf420
```
#daf420 rgb(218,244,32)
```

Complementary Color

#2070f4
```
#2070f4 rgb(32,112,244)
```
#3a20f4
```
#3a20f4 rgb(58,32,244)
```
#a420f4
```
#a420f4 rgb(164,32,244)
```

Analogous Color

#70f420
```
#70f420 rgb(112,244,32)
```
#3a20f4
```
#3a20f4 rgb(58,32,244)
```
#f4a420
```
#f4a420 rgb(244,164,32)
```

Split Complementary Color

#20f43a
```
#20f43a rgb(32,244,58)
```
#3a20f4
```
#3a20f4 rgb(58,32,244)
```
#f43a20
```
#f43a20 rgb(244,58,32)
```

Triadic Color

#20daf4
```
#20daf4 rgb(32,218,244)
```
#3a20f4
```
#3a20f4 rgb(58,32,244)
```
#f43a20
```
#f43a20 rgb(244,58,32)
```
#daf420
```
#daf420 rgb(218,244,32)
```

Tetradic Color

#2009be
```
#2009be rgb(32,9,190)
```
#240bd6
```
#240bd6 rgb(36,11,214)
```
#280cef
```
#280cef rgb(40,12,239)
```
#3a20f4
```
#3a20f4 rgb(58,32,244)
```
#4f38f5
```
#4f38f5 rgb(79,56,245)
```
#6551f6
```
#6551f6 rgb(101,81,246)
```
#7a69f8
```
#7a69f8 rgb(122,105,248)
```

Monochromatic Color

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

#203bf4
```
#203bf4 rgb(32,59,244)
```
#2029f4
```
#2029f4 rgb(32,41,244)
```
#2820f4
```
#2820f4 rgb(40,32,244)
```
#3a20f4
```
#3a20f4 rgb(58,32,244)
```
#4c20f4
```
#4c20f4 rgb(76,32,244)
```
#5d20f4
```
#5d20f4 rgb(93,32,244)
```
#6f20f4
```
#6f20f4 rgb(111,32,244)
```

Similar Colors

Text with hexadecimal color #3a20f4

This text has a font color of #3a20f4.

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

#3a20f4 background color

This paragraph has a background color of #3a20f4.

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

#3a20f4 border color

This element has a border color of #3a20f4.

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

CSS codes

.text {color:#3a20f4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030114
```
#030114 rgb(3,1,20)
```
#060227
```
#060227 rgb(6,2,39)
```
#0a0339
```
#0a0339 rgb(10,3,57)
```
#0d044c
```
#0d044c rgb(13,4,76)
```
#10055f
```
#10055f rgb(16,5,95)
```
#130671
```
#130671 rgb(19,6,113)
```
#160784
```
#160784 rgb(22,7,132)
```
#190797
```
#190797 rgb(25,7,151)
```
#1c08aa
```
#1c08aa rgb(28,8,170)
```
#1f09bc
```
#1f09bc rgb(31,9,188)
```
#220acf
```
#220acf rgb(34,10,207)
```
#250be2
```
#250be2 rgb(37,11,226)
```

Shade Color Variation

#290df3
```
#290df3 rgb(41,13,243)
```
#3a20f4
```
#3a20f4 rgb(58,32,244)
```
#4b33f5
```
#4b33f5 rgb(75,51,245)
```
#5b45f6
```
#5b45f6 rgb(91,69,246)
```
#6c58f7
```
#6c58f7 rgb(108,88,247)
```
#7c6bf8
```
#7c6bf8 rgb(124,107,248)
```
#8d7df9
```
#8d7df9 rgb(141,125,249)
```
#9d90fa
```
#9d90fa rgb(157,144,250)
```
#aea3fa
```
#aea3fa rgb(174,163,250)
```
#beb6fb
```
#beb6fb rgb(190,182,251)
```
#cfc8fc
```
#cfc8fc rgb(207,200,252)
```
#dfdbfd
```
#dfdbfd rgb(223,219,253)
```
#f0eefe
```
#f0eefe rgb(240,238,254)
```

Tint Color Variation

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

#858391
```
#858391 rgb(133,131,145)
```
#7e7a9a
```
#7e7a9a rgb(126,122,154)
```
#7771a3
```
#7771a3 rgb(119,113,163)
```
#7068ac
```
#7068ac rgb(112,104,172)
```
#6a5fb5
```
#6a5fb5 rgb(106,95,181)
```
#6356be
```
#6356be rgb(99,86,190)
```
#5c4dc7
```
#5c4dc7 rgb(92,77,199)
```
#5544d0
```
#5544d0 rgb(85,68,208)
```
#4e3bd9
```
#4e3bd9 rgb(78,59,217)
```
#4832e2
```
#4832e2 rgb(72,50,226)
```
#4129eb
```
#4129eb rgb(65,41,235)
```
#3a20f4
```
#3a20f4 rgb(58,32,244)
```
#3317fd
```
#3317fd rgb(51,23,253)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3f3a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#1544c6 Protanomaly 1% of men, 0.01% of women
#1547b7 Deuteranomaly 6% of men, 0.4% of women
#154b9b Tritanomaly 0.01% of the population

#3a20f4 hex color

#3a20f4 Color Information

#3a20f4 Color Conversion

Color Schemes with #3a20f4

Alternatives to #3a20f4

#3a20f4 Preview

Shades and Tints of #3a20f4

Tones of #3a20f4

Color Blindness Simulator