colorhexa.com

#421e63 hex color

In a RGB color space, hex #421e63 is composed of 25.9% red, 11.8% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 69.7% magenta, 0% yellow and 61.2% black. It has a hue angle of 271.3 degrees, a saturation of 53.5% and a lightness of 25.3%. #421e63 color hex could be obtained by blending #843cc6 with #000000. Closest websafe color is: #333366.

- R 26
- G 12
- B 39
RGB color chart
- C 33
- M 70
- Y 0
- K 61
CMYK color chart

● #421e63 color description : Very dark violet.

The hexadecimal color #421e63 has RGB values of R:66, G:30, B:99 and CMYK values of C:0.33, M:0.7, Y:0, K:0.61. Its decimal value is 4333155.

Hex triplet	421e63	`#421e63`
RGB Decimal	66, 30, 99	`rgb(66,30,99)`
RGB Percent	25.9, 11.8, 38.8	`rgb(25.9%,11.8%,38.8%)`
CMYK	33, 70, 0, 61
HSL	271.3°, 53.5, 25.3	`hsl(271.3,53.5%,25.3%)`
HSV (or HSB)	271.3°, 69.7, 38.8
Web Safe	333366	`#333366`

CIE-LAB	19.995, 31.732, -34.145
XYZ	4.963, 2.988, 12.119
xyY	0.247, 0.149, 2.988
CIE-LCH	19.995, 46.614, 312.902
CIE-LUV	19.995, 8.481, -40.591
Hunter-Lab	17.285, 21.002, -29.47
Binary	01000010, 00011110, 01100011

#421e63
```
#421e63 rgb(66,30,99)
```
#3f631e
```
#3f631e rgb(63,99,30)
```

Complementary Color

#201e63
```
#201e63 rgb(32,30,99)
```
#421e63
```
#421e63 rgb(66,30,99)
```
#631e62
```
#631e62 rgb(99,30,98)
```

Analogous Color

#1e6320
```
#1e6320 rgb(30,99,32)
```
#421e63
```
#421e63 rgb(66,30,99)
```
#62631e
```
#62631e rgb(98,99,30)
```

Split Complementary Color

#1b0c28
```
#1b0c28 rgb(27,12,40)
```
#28123c
```
#28123c rgb(40,18,60)
```
#35184f
```
#35184f rgb(53,24,79)
```
#421e63
```
#421e63 rgb(66,30,99)
```
#4f2477
```
#4f2477 rgb(79,36,119)
```
#5c2a8a
```
#5c2a8a rgb(92,42,138)
```
#69309e
```
#69309e rgb(105,48,158)
```

Monochromatic Color

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

#311e63
```
#311e63 rgb(49,30,99)
```
#371e63
```
#371e63 rgb(55,30,99)
```
#3c1e63
```
#3c1e63 rgb(60,30,99)
```
#421e63
```
#421e63 rgb(66,30,99)
```
#481e63
```
#481e63 rgb(72,30,99)
```
#4e1e63
```
#4e1e63 rgb(78,30,99)
```
#531e63
```
#531e63 rgb(83,30,99)
```

Similar Colors

Text with hexadecimal color #421e63

This text has a font color of #421e63.

<span style="color:#421e63;">Text here</span>

#421e63 background color

This paragraph has a background color of #421e63.

<p style="background-color:#421e63;">Content here</p>

#421e63 border color

This element has a border color of #421e63.

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

CSS codes

.text {color:#421e63;}

.background {background-color:#421e63;}

.border {border:1px solid #421e63;}

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

#060309
```
#060309 rgb(6,3,9)
```
#100718
```
#100718 rgb(16,7,24)
```
#1a0c27
```
#1a0c27 rgb(26,12,39)
```
#241036
```
#241036 rgb(36,16,54)
```
#2e1545
```
#2e1545 rgb(46,21,69)
```
#381954
```
#381954 rgb(56,25,84)
```
#421e63
```
#421e63 rgb(66,30,99)
```
#4c2372
```
#4c2372 rgb(76,35,114)
```
#562781
```
#562781 rgb(86,39,129)
```
#602c90
```
#602c90 rgb(96,44,144)
```
#6a309f
```
#6a309f rgb(106,48,159)
```
#7435ae
```
#7435ae rgb(116,53,174)
```
#7e39bd
```
#7e39bd rgb(126,57,189)
```

Shade Color Variation

#8844c6
```
#8844c6 rgb(136,68,198)
```
#9253cb
```
#9253cb rgb(146,83,203)
```
#9b62cf
```
#9b62cf rgb(155,98,207)
```
#a571d4
```
#a571d4 rgb(165,113,212)
```
#ae80d9
```
#ae80d9 rgb(174,128,217)
```
#b88fdd
```
#b88fdd rgb(184,143,221)
```
#c19ee2
```
#c19ee2 rgb(193,158,226)
```
#cbade6
```
#cbade6 rgb(203,173,230)
```
#d5bceb
```
#d5bceb rgb(213,188,235)
```
#decbef
```
#decbef rgb(222,203,239)
```
#e8dbf4
```
#e8dbf4 rgb(232,219,244)
```
#f1eaf9
```
#f1eaf9 rgb(241,234,249)
```
#fbf9fd
```
#fbf9fd rgb(251,249,253)
```

Tint Color Variation

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

#413c45
```
#413c45 rgb(65,60,69)
```
#41374a
```
#41374a rgb(65,55,74)
```
#41324f
```
#41324f rgb(65,50,79)
```
#412d54
```
#412d54 rgb(65,45,84)
```
#422859
```
#422859 rgb(66,40,89)
```
#42235e
```
#42235e rgb(66,35,94)
```
#421e63
```
#421e63 rgb(66,30,99)
```
#421968
```
#421968 rgb(66,25,104)
```
#42146d
```
#42146d rgb(66,20,109)
```
#430f72
```
#430f72 rgb(67,15,114)
```
#430a77
```
#430a77 rgb(67,10,119)
```
#43057c
```
#43057c rgb(67,5,124)
```
#430081
```
#430081 rgb(67,0,129)
```

Tone Color Variation

Below, you can see how #421e63 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

#313131 Achromatopsia 0.005% of the population
#342d3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#003970 Protanopia 1% of men
#003c64 Deuteranopia 1% of men
#41383c Tritanopia 0.001% of the population

Trichromacy

#182f6b Protanomaly 1% of men, 0.01% of women
#183163 Deuteranomaly 6% of men, 0.4% of women
#412f4a Tritanomaly 0.01% of the population