#420ea1 hex color

In a RGB color space, hex #420ea1 is composed of 25.9% red, 5.5% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 91.3% magenta, 0% yellow and 36.9% black. It has a hue angle of 261.2 degrees, a saturation of 84% and a lightness of 34.3%. #420ea1 color hex could be obtained by blending #841cff with #000043. Closest websafe color is: #330099.

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

● #420ea1 color description : Dark violet.

The hexadecimal color #420ea1 has RGB values of R:66, G:14, B:161 and CMYK values of C:0.59, M:0.91, Y:0, K:0.37. Its decimal value is 4329121.

Hex triplet	420ea1	`#420ea1`
RGB Decimal	66, 14, 161	`rgb(66,14,161)`
RGB Percent	25.9, 5.5, 63.1	`rgb(25.9%,5.5%,63.1%)`
CMYK	59, 91, 0, 37
HSL	261.2°, 84, 34.3	`hsl(261.2,84%,34.3%)`
HSV (or HSB)	261.2°, 91.3, 63.1
Web Safe	330099	`#330099`

CIE-LAB	23.821, 54.86, -67.072
XYZ	8.836, 4.045, 34.032
xyY	0.188, 0.086, 4.045
CIE-LCH	23.821, 86.65, 309.281
CIE-LUV	23.821, 2.511, -79.332
Hunter-Lab	20.113, 43.218, -86.241
Binary	01000010, 00001110, 10100001

#420ea1
```
#420ea1 rgb(66,14,161)
```
#6da10e
```
#6da10e rgb(109,161,14)
```

Complementary Color

#0e24a1
```
#0e24a1 rgb(14,36,161)
```
#420ea1
```
#420ea1 rgb(66,14,161)
```
#8c0ea1
```
#8c0ea1 rgb(140,14,161)
```

Analogous Color

#24a10e
```
#24a10e rgb(36,161,14)
```
#420ea1
```
#420ea1 rgb(66,14,161)
```
#a18c0e
```
#a18c0e rgb(161,140,14)
```

Split Complementary Color

#0ea142
```
#0ea142 rgb(14,161,66)
```
#420ea1
```
#420ea1 rgb(66,14,161)
```
#a1420e
```
#a1420e rgb(161,66,14)
```

Triadic Color

#0e6da1
```
#0e6da1 rgb(14,109,161)
```
#420ea1
```
#420ea1 rgb(66,14,161)
```
#a1420e
```
#a1420e rgb(161,66,14)
```
#6da10e
```
#6da10e rgb(109,161,14)
```

Tetradic Color

#25085b
```
#25085b rgb(37,8,91)
```
#2f0a72
```
#2f0a72 rgb(47,10,114)
```
#380c8a
```
#380c8a rgb(56,12,138)
```
#420ea1
```
#420ea1 rgb(66,14,161)
```
#4c10b8
```
#4c10b8 rgb(76,16,184)
```
#5512d0
```
#5512d0 rgb(85,18,208)
```
#5f14e7
```
#5f14e7 rgb(95,20,231)
```

Monochromatic Color

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

#1d0ea1
```
#1d0ea1 rgb(29,14,161)
```
#290ea1
```
#290ea1 rgb(41,14,161)
```
#360ea1
```
#360ea1 rgb(54,14,161)
```
#420ea1
```
#420ea1 rgb(66,14,161)
```
#4e0ea1
```
#4e0ea1 rgb(78,14,161)
```
#5a0ea1
```
#5a0ea1 rgb(90,14,161)
```
#670ea1
```
#670ea1 rgb(103,14,161)
```

Similar Colors

Text with hexadecimal color #420ea1

This text has a font color of #420ea1.

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

#420ea1 background color

This paragraph has a background color of #420ea1.

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

#420ea1 border color

This element has a border color of #420ea1.

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

CSS codes

.text {color:#420ea1;}

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

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

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

#070111
```
#070111 rgb(7,1,17)
```
#0e0323
```
#0e0323 rgb(14,3,35)
```
#160535
```
#160535 rgb(22,5,53)
```
#1d0647
```
#1d0647 rgb(29,6,71)
```
#240859
```
#240859 rgb(36,8,89)
```
#2c096b
```
#2c096b rgb(44,9,107)
```
#330b7d
```
#330b7d rgb(51,11,125)
```
#3b0c8f
```
#3b0c8f rgb(59,12,143)
```
#420ea1
```
#420ea1 rgb(66,14,161)
```
#4910b3
```
#4910b3 rgb(73,16,179)
```
#5111c5
```
#5111c5 rgb(81,17,197)
```
#5813d7
```
#5813d7 rgb(88,19,215)
```
#6014e9
```
#6014e9 rgb(96,20,233)
```

Shade Color Variation

#6b25ec
```
#6b25ec rgb(107,37,236)
```
#7837ee
```
#7837ee rgb(120,55,238)
```
#8449ef
```
#8449ef rgb(132,73,239)
```
#905bf1
```
#905bf1 rgb(144,91,241)
```
#9c6df2
```
#9c6df2 rgb(156,109,242)
```
#a97ff4
```
#a97ff4 rgb(169,127,244)
```
#b591f5
```
#b591f5 rgb(181,145,245)
```
#c1a3f7
```
#c1a3f7 rgb(193,163,247)
```
#cdb5f9
```
#cdb5f9 rgb(205,181,249)
```
#d9c7fa
```
#d9c7fa rgb(217,199,250)
```
#e6d9fc
```
#e6d9fc rgb(230,217,252)
```
#f2ecfd
```
#f2ecfd rgb(242,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#56515e
```
#56515e rgb(86,81,94)
```
#544b64
```
#544b64 rgb(84,75,100)
```
#52446b
```
#52446b rgb(82,68,107)
```
#503d72
```
#503d72 rgb(80,61,114)
```
#4e3679
```
#4e3679 rgb(78,54,121)
```
#4c307f
```
#4c307f rgb(76,48,127)
```
#4a2986
```
#4a2986 rgb(74,41,134)
```
#48228d
```
#48228d rgb(72,34,141)
```
#461b94
```
#461b94 rgb(70,27,148)
```
#44159a
```
#44159a rgb(68,21,154)
```
#420ea1
```
#420ea1 rgb(66,14,161)
```
#4007a8
```
#4007a8 rgb(64,7,168)
```
#3e01ae
```
#3e01ae rgb(62,1,174)
```

Tone Color Variation

Below, you can see how #420ea1 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
#00446d Deuteranopia 1% of men
#14494e Tritanopia 0.001% of the population

Trichromacy

#182e8a Protanomaly 1% of men, 0.01% of women
#183080 Deuteranomaly 6% of men, 0.4% of women
#24336c Tritanomaly 0.01% of the population

#420ea1 hex color

#420ea1 Color Information

#420ea1 Color Conversion

Color Schemes with #420ea1

Alternatives to #420ea1

#420ea1 Preview

Shades and Tints of #420ea1

Tones of #420ea1

Color Blindness Simulator