#420ea5 hex color

In a RGB color space, hex #420ea5 is composed of 25.9% red, 5.5% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 91.5% magenta, 0% yellow and 35.3% black. It has a hue angle of 260.7 degrees, a saturation of 84.4% and a lightness of 35.1%. #420ea5 color hex could be obtained by blending #841cff with #00004b. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 26
- G 5
- B 65
RGB color chart
- C 60
- M 92
- Y 0
- K 35
CMYK color chart

● #420ea5 color description : Dark violet.

The hexadecimal color #420ea5 has RGB values of R:66, G:14, B:165 and CMYK values of C:0.6, M:0.92, Y:0, K:0.35. Its decimal value is 4329125.

Hex triplet	420ea5	`#420ea5`
RGB Decimal	66, 14, 165	`rgb(66,14,165)`
RGB Percent	25.9, 5.5, 64.7	`rgb(25.9%,5.5%,64.7%)`
CMYK	60, 92, 0, 35
HSL	260.7°, 84.4, 35.1	`hsl(260.7,84.4%,35.1%)`
HSV (or HSB)	260.7°, 91.5, 64.7
Web Safe	330099	`#330099`

CIE-LAB	24.286, 55.878, -68.735
XYZ	9.194, 4.189, 35.919
xyY	0.186, 0.085, 4.189
CIE-LCH	24.286, 88.583, 309.11
CIE-LUV	24.286, 2.122, -81.659
Hunter-Lab	20.466, 44.372, -89.73
Binary	01000010, 00001110, 10100101

#420ea5
```
#420ea5 rgb(66,14,165)
```
#71a50e
```
#71a50e rgb(113,165,14)
```

Complementary Color

#0e26a5
```
#0e26a5 rgb(14,38,165)
```
#420ea5
```
#420ea5 rgb(66,14,165)
```
#8e0ea5
```
#8e0ea5 rgb(142,14,165)
```

Analogous Color

#26a50e
```
#26a50e rgb(38,165,14)
```
#420ea5
```
#420ea5 rgb(66,14,165)
```
#a58e0e
```
#a58e0e rgb(165,142,14)
```

Split Complementary Color

#0ea542
```
#0ea542 rgb(14,165,66)
```
#420ea5
```
#420ea5 rgb(66,14,165)
```
#a5420e
```
#a5420e rgb(165,66,14)
```

Triadic Color

#0e71a5
```
#0e71a5 rgb(14,113,165)
```
#420ea5
```
#420ea5 rgb(66,14,165)
```
#a5420e
```
#a5420e rgb(165,66,14)
```
#71a50e
```
#71a50e rgb(113,165,14)
```

Tetradic Color

#26085e
```
#26085e rgb(38,8,94)
```
#2f0a76
```
#2f0a76 rgb(47,10,118)
```
#390c8d
```
#390c8d rgb(57,12,141)
```
#420ea5
```
#420ea5 rgb(66,14,165)
```
#4b10bd
```
#4b10bd rgb(75,16,189)
```
#5512d4
```
#5512d4 rgb(85,18,212)
```
#5e14eb
```
#5e14eb rgb(94,20,235)
```

Monochromatic Color

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

#1c0ea5
```
#1c0ea5 rgb(28,14,165)
```
#290ea5
```
#290ea5 rgb(41,14,165)
```
#350ea5
```
#350ea5 rgb(53,14,165)
```
#420ea5
```
#420ea5 rgb(66,14,165)
```
#4f0ea5
```
#4f0ea5 rgb(79,14,165)
```
#5b0ea5
```
#5b0ea5 rgb(91,14,165)
```
#680ea5
```
#680ea5 rgb(104,14,165)
```

Similar Colors

Text with hexadecimal color #420ea5

This text has a font color of #420ea5.

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

#420ea5 background color

This paragraph has a background color of #420ea5.

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

#420ea5 border color

This element has a border color of #420ea5.

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

CSS codes

.text {color:#420ea5;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#080214
```
#080214 rgb(8,2,20)
```
#0f0326
```
#0f0326 rgb(15,3,38)
```
#170539
```
#170539 rgb(23,5,57)
```
#1e064b
```
#1e064b rgb(30,6,75)
```
#25085d
```
#25085d rgb(37,8,93)
```
#2c096f
```
#2c096f rgb(44,9,111)
```
#340b81
```
#340b81 rgb(52,11,129)
```
#3b0c93
```
#3b0c93 rgb(59,12,147)
```
#420ea5
```
#420ea5 rgb(66,14,165)
```
#4910b7
```
#4910b7 rgb(73,16,183)
```
#5011c9
```
#5011c9 rgb(80,17,201)
```
#5813db
```
#5813db rgb(88,19,219)
```

Shade Color Variation

#6016eb
```
#6016eb rgb(96,22,235)
```
#6c28ed
```
#6c28ed rgb(108,40,237)
```
#783aee
```
#783aee rgb(120,58,238)
```
#854cf0
```
#854cf0 rgb(133,76,240)
```
#915ff1
```
#915ff1 rgb(145,95,241)
```
#9d71f3
```
#9d71f3 rgb(157,113,243)
```
#aa83f4
```
#aa83f4 rgb(170,131,244)
```
#b695f6
```
#b695f6 rgb(182,149,246)
```
#c3a7f8
```
#c3a7f8 rgb(195,167,248)
```
#cfb9f9
```
#cfb9f9 rgb(207,185,249)
```
#dbcbfb
```
#dbcbfb rgb(219,203,251)
```
#e8ddfc
```
#e8ddfc rgb(232,221,252)
```
#f4effe
```
#f4effe rgb(244,239,254)
```

Tint Color Variation

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

#575360
```
#575360 rgb(87,83,96)
```
#554c67
```
#554c67 rgb(85,76,103)
```
#53456e
```
#53456e rgb(83,69,110)
```
#513e75
```
#513e75 rgb(81,62,117)
```
#4f377c
```
#4f377c rgb(79,55,124)
```
#4d3083
```
#4d3083 rgb(77,48,131)
```
#4b2a89
```
#4b2a89 rgb(75,42,137)
```
#482390
```
#482390 rgb(72,35,144)
```
#461c97
```
#461c97 rgb(70,28,151)
```
#44159e
```
#44159e rgb(68,21,158)
```
#420ea5
```
#420ea5 rgb(66,14,165)
```
#4007ac
```
#4007ac rgb(64,7,172)
```
#3e00b3
```
#3e00b3 rgb(62,0,179)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#332847 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004280 Protanopia 1% of men
#00456f Deuteranopia 1% of men
#004a4f Tritanopia 0.001% of the population

Trichromacy

#182f8d Protanomaly 1% of men, 0.01% of women
#183182 Deuteranomaly 6% of men, 0.4% of women
#18346e Tritanomaly 0.01% of the population

#420ea5 hex color

#420ea5 Color Information

#420ea5 Color Conversion

Color Schemes with #420ea5

Alternatives to #420ea5

#420ea5 Preview

Shades and Tints of #420ea5

Tones of #420ea5

Color Blindness Simulator