#420fd4 hex color

In a RGB color space, hex #420fd4 is composed of 25.9% red, 5.9% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 68.9% cyan, 92.9% magenta, 0% yellow and 16.9% black. It has a hue angle of 255.5 degrees, a saturation of 86.8% and a lightness of 44.5%. #420fd4 color hex could be obtained by blending #841eff with #0000a9. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 26
- G 6
- B 83
RGB color chart
- C 69
- M 93
- Y 0
- K 17
CMYK color chart

● #420fd4 color description : Strong violet.

The hexadecimal color #420fd4 has RGB values of R:66, G:15, B:212 and CMYK values of C:0.69, M:0.93, Y:0, K:0.17. Its decimal value is 4329428.

Hex triplet	420fd4	`#420fd4`
RGB Decimal	66, 15, 212	`rgb(66,15,212)`
RGB Percent	25.9, 5.9, 83.1	`rgb(25.9%,5.9%,83.1%)`
CMYK	69, 93, 0, 17
HSL	255.5°, 86.8, 44.5	`hsl(255.5,86.8%,44.5%)`
HSV (or HSB)	255.5°, 92.9, 83.1
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.041, 67.471, -87.043
XYZ	14.299, 6.253, 62.737
xyY	0.172, 0.075, 6.253
CIE-LCH	30.041, 110.131, 307.781
CIE-LUV	30.041, -1.877, -108.731
Hunter-Lab	25.005, 58.313, -131.251
Binary	01000010, 00001111, 11010100

#420fd4
```
#420fd4 rgb(66,15,212)
```
#a1d40f
```
#a1d40f rgb(161,212,15)
```

Complementary Color

#0f3fd4
```
#0f3fd4 rgb(15,63,212)
```
#420fd4
```
#420fd4 rgb(66,15,212)
```
#a50fd4
```
#a50fd4 rgb(165,15,212)
```

Analogous Color

#3fd40f
```
#3fd40f rgb(63,212,15)
```
#420fd4
```
#420fd4 rgb(66,15,212)
```
#d4a50f
```
#d4a50f rgb(212,165,15)
```

Split Complementary Color

#0fd442
```
#0fd442 rgb(15,212,66)
```
#420fd4
```
#420fd4 rgb(66,15,212)
```
#d4420f
```
#d4420f rgb(212,66,15)
```

Triadic Color

#0fa1d4
```
#0fa1d4 rgb(15,161,212)
```
#420fd4
```
#420fd4 rgb(66,15,212)
```
#d4420f
```
#d4420f rgb(212,66,15)
```
#a1d40f
```
#a1d40f rgb(161,212,15)
```

Tetradic Color

#2c0a8d
```
#2c0a8d rgb(44,10,141)
```
#330ca4
```
#330ca4 rgb(51,12,164)
```
#3b0dbc
```
#3b0dbc rgb(59,13,188)
```
#420fd4
```
#420fd4 rgb(66,15,212)
```
#4911ec
```
#4911ec rgb(73,17,236)
```
#5a26f0
```
#5a26f0 rgb(90,38,240)
```
#6d3ef1
```
#6d3ef1 rgb(109,62,241)
```

Monochromatic Color

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

#110fd4
```
#110fd4 rgb(17,15,212)
```
#210fd4
```
#210fd4 rgb(33,15,212)
```
#320fd4
```
#320fd4 rgb(50,15,212)
```
#420fd4
```
#420fd4 rgb(66,15,212)
```
#520fd4
```
#520fd4 rgb(82,15,212)
```
#630fd4
```
#630fd4 rgb(99,15,212)
```
#730fd4
```
#730fd4 rgb(115,15,212)
```

Similar Colors

Text with hexadecimal color #420fd4

This text has a font color of #420fd4.

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

#420fd4 background color

This paragraph has a background color of #420fd4.

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

#420fd4 border color

This element has a border color of #420fd4.

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

CSS codes

.text {color:#420fd4;}

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

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

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, #03010a is the darkest color, while #f9f7fe is the lightest one.

#03010a
```
#03010a rgb(3,1,10)
```
#09021d
```
#09021d rgb(9,2,29)
```
#0f032f
```
#0f032f rgb(15,3,47)
```
#140541
```
#140541 rgb(20,5,65)
```
#1a0654
```
#1a0654 rgb(26,6,84)
```
#200766
```
#200766 rgb(32,7,102)
```
#250978
```
#250978 rgb(37,9,120)
```
#2b0a8b
```
#2b0a8b rgb(43,10,139)
```
#310b9d
```
#310b9d rgb(49,11,157)
```
#370caf
```
#370caf rgb(55,12,175)
```
#3c0ec2
```
#3c0ec2 rgb(60,14,194)
```
#420fd4
```
#420fd4 rgb(66,15,212)
```
#4810e6
```
#4810e6 rgb(72,16,230)
```

Shade Color Variation

#521bef
```
#521bef rgb(82,27,239)
```
#602ef0
```
#602ef0 rgb(96,46,240)
```
#6e40f1
```
#6e40f1 rgb(110,64,241)
```
#7c52f3
```
#7c52f3 rgb(124,82,243)
```
#8a65f4
```
#8a65f4 rgb(138,101,244)
```
#9877f5
```
#9877f5 rgb(152,119,245)
```
#a689f7
```
#a689f7 rgb(166,137,247)
```
#b39cf8
```
#b39cf8 rgb(179,156,248)
```
#c1aef9
```
#c1aef9 rgb(193,174,249)
```
#cfc0fb
```
#cfc0fb rgb(207,192,251)
```
#ddd3fc
```
#ddd3fc rgb(221,211,252)
```
#ebe5fd
```
#ebe5fd rgb(235,229,253)
```
#f9f7fe
```
#f9f7fe rgb(249,247,254)
```

Tint Color Variation

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

#706f74
```
#706f74 rgb(112,111,116)
```
#6c667d
```
#6c667d rgb(108,102,125)
```
#685e85
```
#685e85 rgb(104,94,133)
```
#64558e
```
#64558e rgb(100,85,142)
```
#5f4c97
```
#5f4c97 rgb(95,76,151)
```
#5b43a0
```
#5b43a0 rgb(91,67,160)
```
#573ba8
```
#573ba8 rgb(87,59,168)
```
#5332b1
```
#5332b1 rgb(83,50,177)
```
#4f29ba
```
#4f29ba rgb(79,41,186)
```
#4a20c3
```
#4a20c3 rgb(74,32,195)
```
#4618cb
```
#4618cb rgb(70,24,203)
```
#420fd4
```
#420fd4 rgb(66,15,212)
```
#3e06dd
```
#3e06dd rgb(62,6,221)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#382d55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e97 Protanopia 1% of men
#005282 Deuteranopia 1% of men
#00585c Tritanopia 0.001% of the population

Trichromacy

#1837ad Protanomaly 1% of men, 0.01% of women
#183aa0 Deuteranomaly 6% of men, 0.4% of women
#183d88 Tritanomaly 0.01% of the population

#420fd4 hex color

#420fd4 Color Information

#420fd4 Color Conversion

Color Schemes with #420fd4

Alternatives to #420fd4

#420fd4 Preview

Shades and Tints of #420fd4

Tones of #420fd4

Color Blindness Simulator