colorhexa.com

#421ac3 hex color

In a RGB color space, hex #421ac3 is composed of 25.9% red, 10.2% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 86.7% magenta, 0% yellow and 23.5% black. It has a hue angle of 254.2 degrees, a saturation of 76.5% and a lightness of 43.3%. #421ac3 color hex could be obtained by blending #8434ff with #000087. Closest websafe color is: #3333cc.

- R 26
- G 10
- B 76
RGB color chart
- C 66
- M 87
- Y 0
- K 24
CMYK color chart

● #421ac3 color description : Strong blue.

The hexadecimal color #421ac3 has RGB values of R:66, G:26, B:195 and CMYK values of C:0.66, M:0.87, Y:0, K:0.24. Its decimal value is 4332227.

Hex triplet	421ac3	`#421ac3`
RGB Decimal	66, 26, 195	`rgb(66,26,195)`
RGB Percent	25.9, 10.2, 76.5	`rgb(25.9%,10.2%,76.5%)`
CMYK	66, 87, 0, 24
HSL	254.2°, 76.5, 43.3	`hsl(254.2,76.5%,43.3%)`
HSV (or HSB)	254.2°, 86.7, 76.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	28.997, 60.079, -78.847
XYZ	12.465, 5.837, 52.097
xyY	0.177, 0.083, 5.837
CIE-LCH	28.997, 99.128, 307.306
CIE-LUV	28.997, -1.248, -99.284
Hunter-Lab	24.159, 49.816, -110.941
Binary	01000010, 00011010, 11000011

#421ac3
```
#421ac3 rgb(66,26,195)
```
#9bc31a
```
#9bc31a rgb(155,195,26)
```

Complementary Color

#1a47c3
```
#1a47c3 rgb(26,71,195)
```
#421ac3
```
#421ac3 rgb(66,26,195)
```
#971ac3
```
#971ac3 rgb(151,26,195)
```

Analogous Color

#47c31a
```
#47c31a rgb(71,195,26)
```
#421ac3
```
#421ac3 rgb(66,26,195)
```
#c3971a
```
#c3971a rgb(195,151,26)
```

Split Complementary Color

#1ac342
```
#1ac342 rgb(26,195,66)
```
#421ac3
```
#421ac3 rgb(66,26,195)
```
#c3421a
```
#c3421a rgb(195,66,26)
```

Triadic Color

#1a9bc3
```
#1a9bc3 rgb(26,155,195)
```
#421ac3
```
#421ac3 rgb(66,26,195)
```
#c3421a
```
#c3421a rgb(195,66,26)
```
#9bc31a
```
#9bc31a rgb(155,195,26)
```

Tetradic Color

#2b1180
```
#2b1180 rgb(43,17,128)
```
#331496
```
#331496 rgb(51,20,150)
```
#3a17ad
```
#3a17ad rgb(58,23,173)
```
#421ac3
```
#421ac3 rgb(66,26,195)
```
#4a1dda
```
#4a1dda rgb(74,29,218)
```
#582de3
```
#582de3 rgb(88,45,227)
```
#6a43e6
```
#6a43e6 rgb(106,67,230)
```

Monochromatic Color

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

#1a1cc3
```
#1a1cc3 rgb(26,28,195)
```
#261ac3
```
#261ac3 rgb(38,26,195)
```
#341ac3
```
#341ac3 rgb(52,26,195)
```
#421ac3
```
#421ac3 rgb(66,26,195)
```
#501ac3
```
#501ac3 rgb(80,26,195)
```
#5e1ac3
```
#5e1ac3 rgb(94,26,195)
```
#6c1ac3
```
#6c1ac3 rgb(108,26,195)
```

Similar Colors

Text with hexadecimal color #421ac3

This text has a font color of #421ac3.

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

#421ac3 background color

This paragraph has a background color of #421ac3.

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

#421ac3 border color

This element has a border color of #421ac3.

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

CSS codes

.text {color:#421ac3;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#070316
```
#070316 rgb(7,3,22)
```
#0d0527
```
#0d0527 rgb(13,5,39)
```
#130839
```
#130839 rgb(19,8,57)
```
#190a4a
```
#190a4a rgb(25,10,74)
```
#1f0c5b
```
#1f0c5b rgb(31,12,91)
```
#250e6c
```
#250e6c rgb(37,14,108)
```
#2b117e
```
#2b117e rgb(43,17,126)
```
#30138f
```
#30138f rgb(48,19,143)
```
#3615a0
```
#3615a0 rgb(54,21,160)
```
#3c18b2
```
#3c18b2 rgb(60,24,178)
```
#421ac3
```
#421ac3 rgb(66,26,195)
```
#481cd4
```
#481cd4 rgb(72,28,212)
```

Shade Color Variation

#5023e2
```
#5023e2 rgb(80,35,226)
```
#5e34e4
```
#5e34e4 rgb(94,52,228)
```
#6b45e6
```
#6b45e6 rgb(107,69,230)
```
#7957e9
```
#7957e9 rgb(121,87,233)
```
#8768eb
```
#8768eb rgb(135,104,235)
```
#9579ed
```
#9579ed rgb(149,121,237)
```
#a28aef
```
#a28aef rgb(162,138,239)
```
#b09cf2
```
#b09cf2 rgb(176,156,242)
```
#beadf4
```
#beadf4 rgb(190,173,244)
```
#ccbef6
```
#ccbef6 rgb(204,190,246)
```
#d9d0f9
```
#d9d0f9 rgb(217,208,249)
```
#e7e1fb
```
#e7e1fb rgb(231,225,251)
```
#f5f2fd
```
#f5f2fd rgb(245,242,253)
```

Tint Color Variation

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

#6a6777
```
#6a6777 rgb(106,103,119)
```
#665e7f
```
#665e7f rgb(102,94,127)
```
#615688
```
#615688 rgb(97,86,136)
```
#5d4d90
```
#5d4d90 rgb(93,77,144)
```
#584599
```
#584599 rgb(88,69,153)
```
#543ca1
```
#543ca1 rgb(84,60,161)
```
#4f34aa
```
#4f34aa rgb(79,52,170)
```
#4b2bb2
```
#4b2bb2 rgb(75,43,178)
```
#4623bb
```
#4623bb rgb(70,35,187)
```
#421ac3
```
#421ac3 rgb(66,26,195)
```
#3e12cc
```
#3e12cc rgb(62,18,204)
```
#3909d4
```
#3909d4 rgb(57,9,212)
```
#3500dd
```
#3500dd rgb(53,0,221)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#3b3355 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#00507f Deuteranopia 1% of men
#00555a Tritanopia 0.001% of the population

Trichromacy

#1839a4 Protanomaly 1% of men, 0.01% of women
#183c98 Deuteranomaly 6% of men, 0.4% of women
#184080 Tritanomaly 0.01% of the population