#4020f1 hex color

In a RGB color space, hex #4020f1 is composed of 25.1% red, 12.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 86.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 249.2 degrees, a saturation of 88.2% and a lightness of 53.5%. #4020f1 color hex could be obtained by blending #8040ff with #0000e3. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 13
- B 95
RGB color chart
- C 73
- M 87
- Y 0
- K 5
CMYK color chart

● #4020f1 color description : Vivid blue.

The hexadecimal color #4020f1 has RGB values of R:64, G:32, B:241 and CMYK values of C:0.73, M:0.87, Y:0, K:0.05. Its decimal value is 4202737.

Hex triplet	4020f1	`#4020f1`
RGB Decimal	64, 32, 241	`rgb(64,32,241)`
RGB Percent	25.1, 12.5, 94.5	`rgb(25.1%,12.5%,94.5%)`
CMYK	73, 87, 0, 5
HSL	249.2°, 88.2, 53.5	`hsl(249.2,88.2%,53.5%)`
HSV (or HSB)	249.2°, 86.7, 94.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.949, 70.185, -95.495
XYZ	18.505, 8.473, 83.874
xyY	0.167, 0.076, 8.473
CIE-LCH	34.949, 118.513, 306.314
CIE-LUV	34.949, -5.223, -125.562
Hunter-Lab	29.108, 62.539, -150.467
Binary	01000000, 00100000, 11110001

#4020f1
```
#4020f1 rgb(64,32,241)
```
#d1f120
```
#d1f120 rgb(209,241,32)
```

Complementary Color

#2069f1
```
#2069f1 rgb(32,105,241)
```
#4020f1
```
#4020f1 rgb(64,32,241)
```
#a920f1
```
#a920f1 rgb(169,32,241)
```

Analogous Color

#69f120
```
#69f120 rgb(105,241,32)
```
#4020f1
```
#4020f1 rgb(64,32,241)
```
#f1a920
```
#f1a920 rgb(241,169,32)
```

Split Complementary Color

#20f140
```
#20f140 rgb(32,241,64)
```
#4020f1
```
#4020f1 rgb(64,32,241)
```
#f14020
```
#f14020 rgb(241,64,32)
```

Triadic Color

#20d1f1
```
#20d1f1 rgb(32,209,241)
```
#4020f1
```
#4020f1 rgb(64,32,241)
```
#f14020
```
#f14020 rgb(241,64,32)
```
#d1f120
```
#d1f120 rgb(209,241,32)
```

Tetradic Color

#260cb9
```
#260cb9 rgb(38,12,185)
```
#2b0dd1
```
#2b0dd1 rgb(43,13,209)
```
#300fe9
```
#300fe9 rgb(48,15,233)
```
#4020f1
```
#4020f1 rgb(64,32,241)
```
#5538f3
```
#5538f3 rgb(85,56,243)
```
#6950f4
```
#6950f4 rgb(105,80,244)
```
#7e68f6
```
#7e68f6 rgb(126,104,246)
```

Monochromatic Color

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

#2034f1
```
#2034f1 rgb(32,52,241)
```
#2023f1
```
#2023f1 rgb(32,35,241)
```
#2f20f1
```
#2f20f1 rgb(47,32,241)
```
#4020f1
```
#4020f1 rgb(64,32,241)
```
#5120f1
```
#5120f1 rgb(81,32,241)
```
#6320f1
```
#6320f1 rgb(99,32,241)
```
#7420f1
```
#7420f1 rgb(116,32,241)
```

Similar Colors

Text with hexadecimal color #4020f1

This text has a font color of #4020f1.

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

#4020f1 background color

This paragraph has a background color of #4020f1.

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

#4020f1 border color

This element has a border color of #4020f1.

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

CSS codes

.text {color:#4020f1;}

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

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

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

#030111
```
#030111 rgb(3,1,17)
```
#070223
```
#070223 rgb(7,2,35)
```
#0b0336
```
#0b0336 rgb(11,3,54)
```
#0f0548
```
#0f0548 rgb(15,5,72)
```
#13065b
```
#13065b rgb(19,6,91)
```
#17076d
```
#17076d rgb(23,7,109)
```
#1a0880
```
#1a0880 rgb(26,8,128)
```
#1e0992
```
#1e0992 rgb(30,9,146)
```
#220aa5
```
#220aa5 rgb(34,10,165)
```
#260bb7
```
#260bb7 rgb(38,11,183)
```
#2a0dca
```
#2a0dca rgb(42,13,202)
```
#2d0edc
```
#2d0edc rgb(45,14,220)
```
#310fee
```
#310fee rgb(49,15,238)
```

Shade Color Variation

#4020f1
```
#4020f1 rgb(64,32,241)
```
#5032f2
```
#5032f2 rgb(80,50,242)
```
#6045f3
```
#6045f3 rgb(96,69,243)
```
#6f57f4
```
#6f57f4 rgb(111,87,244)
```
#7f6af6
```
#7f6af6 rgb(127,106,246)
```
#8f7cf7
```
#8f7cf7 rgb(143,124,247)
```
#9f8ff8
```
#9f8ff8 rgb(159,143,248)
```
#afa1f9
```
#afa1f9 rgb(175,161,249)
```
#beb4fa
```
#beb4fa rgb(190,180,250)
```
#cec6fb
```
#cec6fb rgb(206,198,251)
```
#ded9fd
```
#ded9fd rgb(222,217,253)
```
#eeebfe
```
#eeebfe rgb(238,235,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#86848d
```
#86848d rgb(134,132,141)
```
#7f7b96
```
#7f7b96 rgb(127,123,150)
```
#79729f
```
#79729f rgb(121,114,159)
```
#7369a8
```
#7369a8 rgb(115,105,168)
```
#6c60b1
```
#6c60b1 rgb(108,96,177)
```
#6657ba
```
#6657ba rgb(102,87,186)
```
#604ec3
```
#604ec3 rgb(96,78,195)
```
#5944cd
```
#5944cd rgb(89,68,205)
```
#533bd6
```
#533bd6 rgb(83,59,214)
```
#4d32df
```
#4d32df rgb(77,50,223)
```
#4629e8
```
#4629e8 rgb(70,41,232)
```
#4020f1
```
#4020f1 rgb(64,32,241)
```
#3a17fa
```
#3a17fa rgb(58,23,250)
```

Tone Color Variation

Below, you can see how #4020f1 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
#413a64 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#1744c5 Protanomaly 1% of men, 0.01% of women
#1747b6 Deuteranomaly 6% of men, 0.4% of women
#174b9a Tritanomaly 0.01% of the population

#4020f1 hex color

#4020f1 Color Information

#4020f1 Color Conversion

Color Schemes with #4020f1

Alternatives to #4020f1

#4020f1 Preview

Shades and Tints of #4020f1

Tones of #4020f1

Color Blindness Simulator