colorhexa.com

#4021ff hex color

In a RGB color space, hex #4021ff is composed of 25.1% red, 12.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 87.1% magenta, 0% yellow and 0% black. It has a hue angle of 248.4 degrees, a saturation of 100% and a lightness of 56.5%. #4021ff color hex could be obtained by blending #8042ff with #0000ff. Closest websafe color is: #3333ff.

- R 25
- G 13
- B 100
RGB color chart
- C 75
- M 87
- Y 0
- K 0
CMYK color chart

● #4021ff color description : Vivid blue.

The hexadecimal color #4021ff has RGB values of R:64, G:33, B:255 and CMYK values of C:0.75, M:0.87, Y:0, K:0. Its decimal value is 4203007.

Hex triplet	4021ff	`#4021ff`
RGB Decimal	64, 33, 255	`rgb(64,33,255)`
RGB Percent	25.1, 12.9, 100	`rgb(25.1%,12.9%,100%)`
CMYK	75, 87, 0, 0
HSL	248.4°, 100, 56.5	`hsl(248.4,100%,56.5%)`
HSV (or HSB)	248.4°, 87.1, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.737, 73.534, -100.403
XYZ	20.705, 9.396, 95.325
xyY	0.165, 0.075, 9.396
CIE-LCH	36.737, 124.451, 306.219
CIE-LUV	36.737, -6.124, -133.44
Hunter-Lab	30.654, 66.922, -162.919
Binary	01000000, 00100001, 11111111

#4021ff
```
#4021ff rgb(64,33,255)
```
#e0ff21
```
#e0ff21 rgb(224,255,33)
```

Complementary Color

#2171ff
```
#2171ff rgb(33,113,255)
```
#4021ff
```
#4021ff rgb(64,33,255)
```
#af21ff
```
#af21ff rgb(175,33,255)
```

Analogous Color

#71ff21
```
#71ff21 rgb(113,255,33)
```
#4021ff
```
#4021ff rgb(64,33,255)
```
#ffaf21
```
#ffaf21 rgb(255,175,33)
```

Split Complementary Color

#21ff40
```
#21ff40 rgb(33,255,64)
```
#4021ff
```
#4021ff rgb(64,33,255)
```
#ff4021
```
#ff4021 rgb(255,64,33)
```

Triadic Color

#21e0ff
```
#21e0ff rgb(33,224,255)
```
#4021ff
```
#4021ff rgb(64,33,255)
```
#ff4021
```
#ff4021 rgb(255,64,33)
```
#e0ff21
```
#e0ff21 rgb(224,255,33)
```

Tetradic Color

#1e00d4
```
#1e00d4 rgb(30,0,212)
```
#2100ed
```
#2100ed rgb(33,0,237)
```
#2a07ff
```
#2a07ff rgb(42,7,255)
```
#4021ff
```
#4021ff rgb(64,33,255)
```
#563bff
```
#563bff rgb(86,59,255)
```
#6c54ff
```
#6c54ff rgb(108,84,255)
```
#826eff
```
#826eff rgb(130,110,255)
```

Monochromatic Color

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

#213aff
```
#213aff rgb(33,58,255)
```
#2127ff
```
#2127ff rgb(33,39,255)
```
#2e21ff
```
#2e21ff rgb(46,33,255)
```
#4021ff
```
#4021ff rgb(64,33,255)
```
#5321ff
```
#5321ff rgb(83,33,255)
```
#6521ff
```
#6521ff rgb(101,33,255)
```
#7821ff
```
#7821ff rgb(120,33,255)
```

Similar Colors

Text with hexadecimal color #4021ff

This text has a font color of #4021ff.

<span style="color:#4021ff;">Text here</span>

#4021ff background color

This paragraph has a background color of #4021ff.

<p style="background-color:#4021ff;">Content here</p>

#4021ff border color

This element has a border color of #4021ff.

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

CSS codes

.text {color:#4021ff;}

.background {background-color:#4021ff;}

.border {border:1px solid #4021ff;}

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, #02000d is the darkest color, while #faf9ff is the lightest one.

#02000d
```
#02000d rgb(2,0,13)
```
#050021
```
#050021 rgb(5,0,33)
```
#070035
```
#070035 rgb(7,0,53)
```
#0a0048
```
#0a0048 rgb(10,0,72)
```
#0d005c
```
#0d005c rgb(13,0,92)
```
#10006f
```
#10006f rgb(16,0,111)
```
#120083
```
#120083 rgb(18,0,131)
```
#150097
```
#150097 rgb(21,0,151)
```
#1800aa
```
#1800aa rgb(24,0,170)
```
#1b00be
```
#1b00be rgb(27,0,190)
```
#1d00d2
```
#1d00d2 rgb(29,0,210)
```
#2000e5
```
#2000e5 rgb(32,0,229)
```
#2300f9
```
#2300f9 rgb(35,0,249)
```

Shade Color Variation

#2f0dff
```
#2f0dff rgb(47,13,255)
```
#4021ff
```
#4021ff rgb(64,33,255)
```
#5135ff
```
#5135ff rgb(81,53,255)
```
#6248ff
```
#6248ff rgb(98,72,255)
```
#735cff
```
#735cff rgb(115,92,255)
```
#846fff
```
#846fff rgb(132,111,255)
```
#9483ff
```
#9483ff rgb(148,131,255)
```
#a597ff
```
#a597ff rgb(165,151,255)
```
#b6aaff
```
#b6aaff rgb(182,170,255)
```
#c7beff
```
#c7beff rgb(199,190,255)
```
#d8d2ff
```
#d8d2ff rgb(216,210,255)
```
#e9e5ff
```
#e9e5ff rgb(233,229,255)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8799 is the less saturated color, while #4021ff is the most saturated one.

#8a8799
```
#8a8799 rgb(138,135,153)
```
#847fa1
```
#847fa1 rgb(132,127,161)
```
#7e76aa
```
#7e76aa rgb(126,118,170)
```
#776eb2
```
#776eb2 rgb(119,110,178)
```
#7165bb
```
#7165bb rgb(113,101,187)
```
#6b5dc3
```
#6b5dc3 rgb(107,93,195)
```
#6554cc
```
#6554cc rgb(101,84,204)
```
#5f4cd4
```
#5f4cd4 rgb(95,76,212)
```
#5943dd
```
#5943dd rgb(89,67,221)
```
#523be5
```
#523be5 rgb(82,59,229)
```
#4c32ee
```
#4c32ee rgb(76,50,238)
```
#462af6
```
#462af6 rgb(70,42,246)
```
#4021ff
```
#4021ff rgb(64,33,255)
```

Tone Color Variation

Below, you can see how #4021ff 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

#444444 Achromatopsia 0.005% of the population
#433d69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00629a Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#1746ce Protanomaly 1% of men, 0.01% of women
#174abf Deuteranomaly 6% of men, 0.4% of women
#174ea2 Tritanomaly 0.01% of the population