#420ea2 hex color

In a RGB color space, hex #420ea2 is composed of 25.9% red, 5.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 91.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 261.1 degrees, a saturation of 84.1% and a lightness of 34.5%. #420ea2 color hex could be obtained by blending #841cff with #000045. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 26
- G 5
- B 64
RGB color chart
- C 59
- M 91
- Y 0
- K 36
CMYK color chart

● #420ea2 color description : Dark violet.

The hexadecimal color #420ea2 has RGB values of R:66, G:14, B:162 and CMYK values of C:0.59, M:0.91, Y:0, K:0.36. Its decimal value is 4329122.

Hex triplet	420ea2	`#420ea2`
RGB Decimal	66, 14, 162	`rgb(66,14,162)`
RGB Percent	25.9, 5.5, 63.5	`rgb(25.9%,5.5%,63.5%)`
CMYK	59, 91, 0, 36
HSL	261.1°, 84.1, 34.5	`hsl(261.1,84.1%,34.5%)`
HSV (or HSB)	261.1°, 91.4, 63.5
Web Safe	330099	`#330099`

CIE-LAB	23.937, 55.115, -67.489
XYZ	8.924, 4.081, 34.498
xyY	0.188, 0.086, 4.081
CIE-LCH	23.937, 87.135, 309.237
CIE-LUV	23.937, 2.413, -79.914
Hunter-Lab	20.201, 43.505, -87.112
Binary	01000010, 00001110, 10100010

#420ea2
```
#420ea2 rgb(66,14,162)
```
#6ea20e
```
#6ea20e rgb(110,162,14)
```

Complementary Color

#0e24a2
```
#0e24a2 rgb(14,36,162)
```
#420ea2
```
#420ea2 rgb(66,14,162)
```
#8c0ea2
```
#8c0ea2 rgb(140,14,162)
```

Analogous Color

#24a20e
```
#24a20e rgb(36,162,14)
```
#420ea2
```
#420ea2 rgb(66,14,162)
```
#a28c0e
```
#a28c0e rgb(162,140,14)
```

Split Complementary Color

#0ea242
```
#0ea242 rgb(14,162,66)
```
#420ea2
```
#420ea2 rgb(66,14,162)
```
#a2420e
```
#a2420e rgb(162,66,14)
```

Triadic Color

#0e6ea2
```
#0e6ea2 rgb(14,110,162)
```
#420ea2
```
#420ea2 rgb(66,14,162)
```
#a2420e
```
#a2420e rgb(162,66,14)
```
#6ea20e
```
#6ea20e rgb(110,162,14)
```

Tetradic Color

#25085c
```
#25085c rgb(37,8,92)
```
#2f0a73
```
#2f0a73 rgb(47,10,115)
```
#380c8b
```
#380c8b rgb(56,12,139)
```
#420ea2
```
#420ea2 rgb(66,14,162)
```
#4c10b9
```
#4c10b9 rgb(76,16,185)
```
#5512d1
```
#5512d1 rgb(85,18,209)
```
#5f14e8
```
#5f14e8 rgb(95,20,232)
```

Monochromatic Color

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

#1d0ea2
```
#1d0ea2 rgb(29,14,162)
```
#290ea2
```
#290ea2 rgb(41,14,162)
```
#360ea2
```
#360ea2 rgb(54,14,162)
```
#420ea2
```
#420ea2 rgb(66,14,162)
```
#4e0ea2
```
#4e0ea2 rgb(78,14,162)
```
#5b0ea2
```
#5b0ea2 rgb(91,14,162)
```
#670ea2
```
#670ea2 rgb(103,14,162)
```

Similar Colors

Text with hexadecimal color #420ea2

This text has a font color of #420ea2.

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

#420ea2 background color

This paragraph has a background color of #420ea2.

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

#420ea2 border color

This element has a border color of #420ea2.

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

CSS codes

.text {color:#420ea2;}

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

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

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

#070212
```
#070212 rgb(7,2,18)
```
#0f0324
```
#0f0324 rgb(15,3,36)
```
#160536
```
#160536 rgb(22,5,54)
```
#1d0648
```
#1d0648 rgb(29,6,72)
```
#25085a
```
#25085a rgb(37,8,90)
```
#2c096c
```
#2c096c rgb(44,9,108)
```
#330b7e
```
#330b7e rgb(51,11,126)
```
#3b0c90
```
#3b0c90 rgb(59,12,144)
```
#420ea2
```
#420ea2 rgb(66,14,162)
```
#4910b4
```
#4910b4 rgb(73,16,180)
```
#5111c6
```
#5111c6 rgb(81,17,198)
```
#5813d8
```
#5813d8 rgb(88,19,216)
```
#5f14ea
```
#5f14ea rgb(95,20,234)
```

Shade Color Variation

#6c26ec
```
#6c26ec rgb(108,38,236)
```
#7838ee
```
#7838ee rgb(120,56,238)
```
#844aef
```
#844aef rgb(132,74,239)
```
#905cf1
```
#905cf1 rgb(144,92,241)
```
#9d6ef2
```
#9d6ef2 rgb(157,110,242)
```
#a980f4
```
#a980f4 rgb(169,128,244)
```
#b592f6
```
#b592f6 rgb(181,146,246)
```
#c1a4f7
```
#c1a4f7 rgb(193,164,247)
```
#ceb6f9
```
#ceb6f9 rgb(206,182,249)
```
#dac8fa
```
#dac8fa rgb(218,200,250)
```
#e6dafc
```
#e6dafc rgb(230,218,252)
```
#f2ecfd
```
#f2ecfd rgb(242,236,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#56525e
```
#56525e rgb(86,82,94)
```
#544b65
```
#544b65 rgb(84,75,101)
```
#52446c
```
#52446c rgb(82,68,108)
```
#503d73
```
#503d73 rgb(80,61,115)
```
#4e3779
```
#4e3779 rgb(78,55,121)
```
#4c3080
```
#4c3080 rgb(76,48,128)
```
#4a2987
```
#4a2987 rgb(74,41,135)
```
#48228e
```
#48228e rgb(72,34,142)
```
#461c94
```
#461c94 rgb(70,28,148)
```
#44159b
```
#44159b rgb(68,21,155)
```
#420ea2
```
#420ea2 rgb(66,14,162)
```
#4007a9
```
#4007a9 rgb(64,7,169)
```
#3e00b0
```
#3e00b0 rgb(62,0,176)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#322845 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00456e Deuteranopia 1% of men
#10494e Tritanopia 0.001% of the population

Trichromacy

#182e8b Protanomaly 1% of men, 0.01% of women
#183180 Deuteranomaly 6% of men, 0.4% of women
#22336d Tritanomaly 0.01% of the population

#420ea2 hex color

#420ea2 Color Information

#420ea2 Color Conversion

Color Schemes with #420ea2

Alternatives to #420ea2

#420ea2 Preview

Shades and Tints of #420ea2

Tones of #420ea2

Color Blindness Simulator