#420ed2 hex color

In a RGB color space, hex #420ed2 is composed of 25.9% red, 5.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 68.6% cyan, 93.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 255.9 degrees, a saturation of 87.5% and a lightness of 43.9%. #420ed2 color hex could be obtained by blending #841cff with #0000a5. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 26
- G 5
- B 82
RGB color chart
- C 69
- M 93
- Y 0
- K 18
CMYK color chart

● #420ed2 color description : Strong violet.

The hexadecimal color #420ed2 has RGB values of R:66, G:14, B:210 and CMYK values of C:0.69, M:0.93, Y:0, K:0.18. Its decimal value is 4329170.

Hex triplet	420ed2	`#420ed2`
RGB Decimal	66, 14, 210	`rgb(66,14,210)`
RGB Percent	25.9, 5.5, 82.4	`rgb(25.9%,5.5%,82.4%)`
CMYK	69, 93, 0, 18
HSL	255.9°, 87.5, 43.9	`hsl(255.9,87.5%,43.9%)`
HSV (or HSB)	255.9°, 93.3, 82.4
Web Safe	3300cc	`#3300cc`

CIE-LAB	29.725, 67.183, -86.408
XYZ	14.034, 6.125, 61.412
xyY	0.172, 0.075, 6.125
CIE-LCH	29.725, 109.453, 307.866
CIE-LUV	29.725, -1.683, -107.562
Hunter-Lab	24.748, 57.915, -129.801
Binary	01000010, 00001110, 11010010

#420ed2
```
#420ed2 rgb(66,14,210)
```
#9ed20e
```
#9ed20e rgb(158,210,14)
```

Complementary Color

#0e3cd2
```
#0e3cd2 rgb(14,60,210)
```
#420ed2
```
#420ed2 rgb(66,14,210)
```
#a40ed2
```
#a40ed2 rgb(164,14,210)
```

Analogous Color

#3cd20e
```
#3cd20e rgb(60,210,14)
```
#420ed2
```
#420ed2 rgb(66,14,210)
```
#d2a40e
```
#d2a40e rgb(210,164,14)
```

Split Complementary Color

#0ed242
```
#0ed242 rgb(14,210,66)
```
#420ed2
```
#420ed2 rgb(66,14,210)
```
#d2420e
```
#d2420e rgb(210,66,14)
```

Triadic Color

#0e9ed2
```
#0e9ed2 rgb(14,158,210)
```
#420ed2
```
#420ed2 rgb(66,14,210)
```
#d2420e
```
#d2420e rgb(210,66,14)
```
#9ed20e
```
#9ed20e rgb(158,210,14)
```

Tetradic Color

#2b098a
```
#2b098a rgb(43,9,138)
```
#330ba2
```
#330ba2 rgb(51,11,162)
```
#3a0cba
```
#3a0cba rgb(58,12,186)
```
#420ed2
```
#420ed2 rgb(66,14,210)
```
#4a10ea
```
#4a10ea rgb(74,16,234)
```
#5923f0
```
#5923f0 rgb(89,35,240)
```
#6b3bf2
```
#6b3bf2 rgb(107,59,242)
```

Monochromatic Color

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

#110ed2
```
#110ed2 rgb(17,14,210)
```
#210ed2
```
#210ed2 rgb(33,14,210)
```
#320ed2
```
#320ed2 rgb(50,14,210)
```
#420ed2
```
#420ed2 rgb(66,14,210)
```
#520ed2
```
#520ed2 rgb(82,14,210)
```
#630ed2
```
#630ed2 rgb(99,14,210)
```
#730ed2
```
#730ed2 rgb(115,14,210)
```

Similar Colors

Text with hexadecimal color #420ed2

This text has a font color of #420ed2.

<span style="color:#420ed2;">Text here</span>

#420ed2 background color

This paragraph has a background color of #420ed2.

<p style="background-color:#420ed2;">Content here</p>

#420ed2 border color

This element has a border color of #420ed2.

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

CSS codes

.text {color:#420ed2;}

.background {background-color:#420ed2;}

.border {border:1px solid #420ed2;}

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 #f7f4fe is the lightest one.

#020108
```
#020108 rgb(2,1,8)
```
#08021a
```
#08021a rgb(8,2,26)
```
#0e032c
```
#0e032c rgb(14,3,44)
```
#14043f
```
#14043f rgb(20,4,63)
```
#1a0551
```
#1a0551 rgb(26,5,81)
```
#1f0764
```
#1f0764 rgb(31,7,100)
```
#250876
```
#250876 rgb(37,8,118)
```
#2b0988
```
#2b0988 rgb(43,9,136)
```
#310a9b
```
#310a9b rgb(49,10,155)
```
#360cad
```
#360cad rgb(54,12,173)
```
#3c0dc0
```
#3c0dc0 rgb(60,13,192)
```
#420ed2
```
#420ed2 rgb(66,14,210)
```
#480fe4
```
#480fe4 rgb(72,15,228)
```

Shade Color Variation

#5118f0
```
#5118f0 rgb(81,24,240)
```
#5f2af1
```
#5f2af1 rgb(95,42,241)
```
#6d3cf2
```
#6d3cf2 rgb(109,60,242)
```
#7a4ff3
```
#7a4ff3 rgb(122,79,243)
```
#8861f4
```
#8861f4 rgb(136,97,244)
```
#9674f6
```
#9674f6 rgb(150,116,246)
```
#a486f7
```
#a486f7 rgb(164,134,247)
```
#b298f8
```
#b298f8 rgb(178,152,248)
```
#c0abf9
```
#c0abf9 rgb(192,171,249)
```
#cdbdfb
```
#cdbdfb rgb(205,189,251)
```
#dbd0fc
```
#dbd0fc rgb(219,208,252)
```
#e9e2fd
```
#e9e2fd rgb(233,226,253)
```
#f7f4fe
```
#f7f4fe rgb(247,244,254)
```

Tint Color Variation

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

#6e6d73
```
#6e6d73 rgb(110,109,115)
```
#6a647c
```
#6a647c rgb(106,100,124)
```
#665c84
```
#665c84 rgb(102,92,132)
```
#62538d
```
#62538d rgb(98,83,141)
```
#5e4a96
```
#5e4a96 rgb(94,74,150)
```
#5a429e
```
#5a429e rgb(90,66,158)
```
#5639a7
```
#5639a7 rgb(86,57,167)
```
#5230b0
```
#5230b0 rgb(82,48,176)
```
#4e28b8
```
#4e28b8 rgb(78,40,184)
```
#4a1fc1
```
#4a1fc1 rgb(74,31,193)
```
#4617c9
```
#4617c9 rgb(70,23,201)
```
#420ed2
```
#420ed2 rgb(66,14,210)
```
#3e05db
```
#3e05db rgb(62,5,219)
```

Tone Color Variation

Below, you can see how #420ed2 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

#343434 Achromatopsia 0.005% of the population
#372c54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004d96 Protanopia 1% of men
#005281 Deuteranopia 1% of men
#00575c Tritanopia 0.001% of the population

Trichromacy

#1836ab Protanomaly 1% of men, 0.01% of women
#18399e Deuteranomaly 6% of men, 0.4% of women
#183c86 Tritanomaly 0.01% of the population

#420ed2 hex color

#420ed2 Color Information

#420ed2 Color Conversion

Color Schemes with #420ed2

Alternatives to #420ed2

#420ed2 Preview

Shades and Tints of #420ed2

Tones of #420ed2

Color Blindness Simulator