#4020ec hex color

In a RGB color space, hex #4020ec is composed of 25.1% red, 12.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 86.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 249.4 degrees, a saturation of 84.3% and a lightness of 52.5%. #4020ec color hex could be obtained by blending #8040ff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 13
- B 93
RGB color chart
- C 73
- M 86
- Y 0
- K 7
CMYK color chart

● #4020ec color description : Vivid blue.

The hexadecimal color #4020ec has RGB values of R:64, G:32, B:236 and CMYK values of C:0.73, M:0.86, Y:0, K:0.07. Its decimal value is 4202732.

Hex triplet	4020ec	`#4020ec`
RGB Decimal	64, 32, 236	`rgb(64,32,236)`
RGB Percent	25.1, 12.5, 92.5	`rgb(25.1%,12.5%,92.5%)`
CMYK	73, 86, 0, 7
HSL	249.4°, 84.3, 52.5	`hsl(249.4,84.3%,52.5%)`
HSV (or HSB)	249.4°, 86.4, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.351, 68.863, -93.654
XYZ	17.768, 8.178, 79.994
xyY	0.168, 0.077, 8.178
CIE-LCH	34.351, 116.246, 306.327
CIE-LUV	34.351, -4.918, -122.743
Hunter-Lab	28.597, 60.86, -145.831
Binary	01000000, 00100000, 11101100

#4020ec
```
#4020ec rgb(64,32,236)
```
#ccec20
```
#ccec20 rgb(204,236,32)
```

Complementary Color

#2066ec
```
#2066ec rgb(32,102,236)
```
#4020ec
```
#4020ec rgb(64,32,236)
```
#a620ec
```
#a620ec rgb(166,32,236)
```

Analogous Color

#66ec20
```
#66ec20 rgb(102,236,32)
```
#4020ec
```
#4020ec rgb(64,32,236)
```
#eca620
```
#eca620 rgb(236,166,32)
```

Split Complementary Color

#20ec40
```
#20ec40 rgb(32,236,64)
```
#4020ec
```
#4020ec rgb(64,32,236)
```
#ec4020
```
#ec4020 rgb(236,64,32)
```

Triadic Color

#20ccec
```
#20ccec rgb(32,204,236)
```
#4020ec
```
#4020ec rgb(64,32,236)
```
#ec4020
```
#ec4020 rgb(236,64,32)
```
#ccec20
```
#ccec20 rgb(204,236,32)
```

Tetradic Color

#280fb0
```
#280fb0 rgb(40,15,176)
```
#2e11c8
```
#2e11c8 rgb(46,17,200)
```
#3313df
```
#3313df rgb(51,19,223)
```
#4020ec
```
#4020ec rgb(64,32,236)
```
#5437ee
```
#5437ee rgb(84,55,238)
```
#684ff0
```
#684ff0 rgb(104,79,240)
```
#7c66f2
```
#7c66f2 rgb(124,102,242)
```

Monochromatic Color

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

#2033ec
```
#2033ec rgb(32,51,236)
```
#2022ec
```
#2022ec rgb(32,34,236)
```
#2f20ec
```
#2f20ec rgb(47,32,236)
```
#4020ec
```
#4020ec rgb(64,32,236)
```
#5120ec
```
#5120ec rgb(81,32,236)
```
#6220ec
```
#6220ec rgb(98,32,236)
```
#7320ec
```
#7320ec rgb(115,32,236)
```

Similar Colors

Text with hexadecimal color #4020ec

This text has a font color of #4020ec.

<span style="color:#4020ec;">Text here</span>

#4020ec background color

This paragraph has a background color of #4020ec.

<p style="background-color:#4020ec;">Content here</p>

#4020ec border color

This element has a border color of #4020ec.

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

CSS codes

.text {color:#4020ec;}

.background {background-color:#4020ec;}

.border {border:1px solid #4020ec;}

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, #03010c is the darkest color, while #faf9fe is the lightest one.

#03010c
```
#03010c rgb(3,1,12)
```
#07031e
```
#07031e rgb(7,3,30)
```
#0b0430
```
#0b0430 rgb(11,4,48)
```
#0f0642
```
#0f0642 rgb(15,6,66)
```
#130754
```
#130754 rgb(19,7,84)
```
#170966
```
#170966 rgb(23,9,102)
```
#1c0a78
```
#1c0a78 rgb(28,10,120)
```
#200c8b
```
#200c8b rgb(32,12,139)
```
#240d9d
```
#240d9d rgb(36,13,157)
```
#280faf
```
#280faf rgb(40,15,175)
```
#2c10c1
```
#2c10c1 rgb(44,16,193)
```
#3012d3
```
#3012d3 rgb(48,18,211)
```
#3414e5
```
#3414e5 rgb(52,20,229)
```

Shade Color Variation

#4020ec
```
#4020ec rgb(64,32,236)
```
#4f32ee
```
#4f32ee rgb(79,50,238)
```
#5f44ef
```
#5f44ef rgb(95,68,239)
```
#6e56f1
```
#6e56f1 rgb(110,86,241)
```
#7e68f2
```
#7e68f2 rgb(126,104,242)
```
#8d7af4
```
#8d7af4 rgb(141,122,244)
```
#9d8cf5
```
#9d8cf5 rgb(157,140,245)
```
#ac9ff7
```
#ac9ff7 rgb(172,159,247)
```
#bcb1f8
```
#bcb1f8 rgb(188,177,248)
```
#cbc3fa
```
#cbc3fa rgb(203,195,250)
```
#dbd5fb
```
#dbd5fb rgb(219,213,251)
```
#eae7fd
```
#eae7fd rgb(234,231,253)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #807d8f is the less saturated color, while #330dff is the most saturated one.

#807d8f
```
#807d8f rgb(128,125,143)
```
#797498
```
#797498 rgb(121,116,152)
```
#736aa2
```
#736aa2 rgb(115,106,162)
```
#6d61ab
```
#6d61ab rgb(109,97,171)
```
#6658b4
```
#6658b4 rgb(102,88,180)
```
#604fbd
```
#604fbd rgb(96,79,189)
```
#5a45c7
```
#5a45c7 rgb(90,69,199)
```
#533cd0
```
#533cd0 rgb(83,60,208)
```
#4d33d9
```
#4d33d9 rgb(77,51,217)
```
#4629e3
```
#4629e3 rgb(70,41,227)
```
#4020ec
```
#4020ec rgb(64,32,236)
```
#3a17f5
```
#3a17f5 rgb(58,23,245)
```
#330dff
```
#330dff rgb(51,13,255)
```

Tone Color Variation

Below, you can see how #4020ec 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

#414141 Achromatopsia 0.005% of the population
#413a63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a9 Protanopia 1% of men
#005c92 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#1743c1 Protanomaly 1% of men, 0.01% of women
#1746b2 Deuteranomaly 6% of men, 0.4% of women
#174a97 Tritanomaly 0.01% of the population

#4020ec hex color

#4020ec Color Information

#4020ec Color Conversion

Color Schemes with #4020ec

Alternatives to #4020ec

#4020ec Preview

Shades and Tints of #4020ec

Tones of #4020ec

Color Blindness Simulator