#420ffd hex color

In a RGB color space, hex #420ffd is composed of 25.9% red, 5.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 94.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 252.9 degrees, a saturation of 98.3% and a lightness of 52.5%. #420ffd color hex could be obtained by blending #841eff with #0000fb. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 26
- G 6
- B 99
RGB color chart
- C 74
- M 94
- Y 0
- K 1
CMYK color chart

● #420ffd color description : Vivid blue.

The hexadecimal color #420ffd has RGB values of R:66, G:15, B:253 and CMYK values of C:0.74, M:0.94, Y:0, K:0.01. Its decimal value is 4329469.

Hex triplet	420ffd	`#420ffd`
RGB Decimal	66, 15, 253	`rgb(66,15,253)`
RGB Percent	25.9, 5.9, 99.2	`rgb(25.9%,5.9%,99.2%)`
CMYK	74, 94, 0, 1
HSL	252.9°, 98.3, 52.5	`hsl(252.9,98.3%,52.5%)`
HSV (or HSB)	252.9°, 94.1, 99.2
Web Safe	3300ff	`#3300ff`

CIE-LAB	35.184, 77.486, -101.865
XYZ	20.144, 8.591, 93.52
xyY	0.165, 0.07, 8.591
CIE-LCH	35.184, 127.986, 307.259
CIE-LUV	35.184, -4.695, -131.888
Hunter-Lab	29.31, 71.386, -168.662
Binary	01000010, 00001111, 11111101

#420ffd
```
#420ffd rgb(66,15,253)
```
#cafd0f
```
#cafd0f rgb(202,253,15)
```

Complementary Color

#0f53fd
```
#0f53fd rgb(15,83,253)
```
#420ffd
```
#420ffd rgb(66,15,253)
```
#b90ffd
```
#b90ffd rgb(185,15,253)
```

Analogous Color

#53fd0f
```
#53fd0f rgb(83,253,15)
```
#420ffd
```
#420ffd rgb(66,15,253)
```
#fdb90f
```
#fdb90f rgb(253,185,15)
```

Split Complementary Color

#0ffd42
```
#0ffd42 rgb(15,253,66)
```
#420ffd
```
#420ffd rgb(66,15,253)
```
#fd420f
```
#fd420f rgb(253,66,15)
```

Triadic Color

#0fcafd
```
#0fcafd rgb(15,202,253)
```
#420ffd
```
#420ffd rgb(66,15,253)
```
#fd420f
```
#fd420f rgb(253,66,15)
```
#cafd0f
```
#cafd0f rgb(202,253,15)
```

Tetradic Color

#2a02be
```
#2a02be rgb(42,2,190)
```
#3002d7
```
#3002d7 rgb(48,2,215)
```
#3502f0
```
#3502f0 rgb(53,2,240)
```
#420ffd
```
#420ffd rgb(66,15,253)
```
#5628fd
```
#5628fd rgb(86,40,253)
```
#6a42fd
```
#6a42fd rgb(106,66,253)
```
#7e5bfe
```
#7e5bfe rgb(126,91,254)
```

Monochromatic Color

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

#0f18fd
```
#0f18fd rgb(15,24,253)
```
#1a0ffd
```
#1a0ffd rgb(26,15,253)
```
#2e0ffd
```
#2e0ffd rgb(46,15,253)
```
#420ffd
```
#420ffd rgb(66,15,253)
```
#560ffd
```
#560ffd rgb(86,15,253)
```
#6a0ffd
```
#6a0ffd rgb(106,15,253)
```
#7e0ffd
```
#7e0ffd rgb(126,15,253)
```

Similar Colors

Text with hexadecimal color #420ffd

This text has a font color of #420ffd.

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

#420ffd background color

This paragraph has a background color of #420ffd.

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

#420ffd border color

This element has a border color of #420ffd.

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

CSS codes

.text {color:#420ffd;}

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

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

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, #03000d is the darkest color, while #faf8ff is the lightest one.

#03000d
```
#03000d rgb(3,0,13)
```
#070020
```
#070020 rgb(7,0,32)
```
#0b0034
```
#0b0034 rgb(11,0,52)
```
#100147
```
#100147 rgb(16,1,71)
```
#14015b
```
#14015b rgb(20,1,91)
```
#18016e
```
#18016e rgb(24,1,110)
```
#1d0182
```
#1d0182 rgb(29,1,130)
```
#210195
```
#210195 rgb(33,1,149)
```
#2501a9
```
#2501a9 rgb(37,1,169)
```
#2a02bc
```
#2a02bc rgb(42,2,188)
```
#2e02cf
```
#2e02cf rgb(46,2,207)
```
#3202e3
```
#3202e3 rgb(50,2,227)
```
#3602f6
```
#3602f6 rgb(54,2,246)
```

Shade Color Variation

#420ffd
```
#420ffd rgb(66,15,253)
```
#5122fd
```
#5122fd rgb(81,34,253)
```
#6136fd
```
#6136fd rgb(97,54,253)
```
#7049fd
```
#7049fd rgb(112,73,253)
```
#7f5dfe
```
#7f5dfe rgb(127,93,254)
```
#8f70fe
```
#8f70fe rgb(143,112,254)
```
#9e84fe
```
#9e84fe rgb(158,132,254)
```
#ad97fe
```
#ad97fe rgb(173,151,254)
```
#bdabfe
```
#bdabfe rgb(189,171,254)
```
#ccbefe
```
#ccbefe rgb(204,190,254)
```
#dbd2ff
```
#dbd2ff rgb(219,210,255)
```
#ebe5ff
```
#ebe5ff rgb(235,229,255)
```
#faf8ff
```
#faf8ff rgb(250,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #827f8d is the less saturated color, while #420ffd is the most saturated one.

#827f8d
```
#827f8d rgb(130,127,141)
```
#7d7597
```
#7d7597 rgb(125,117,151)
```
#776ca0
```
#776ca0 rgb(119,108,160)
```
#7263a9
```
#7263a9 rgb(114,99,169)
```
#6d59b3
```
#6d59b3 rgb(109,89,179)
```
#6750bc
```
#6750bc rgb(103,80,188)
```
#6247c5
```
#6247c5 rgb(98,71,197)
```
#5d3ece
```
#5d3ece rgb(93,62,206)
```
#5734d8
```
#5734d8 rgb(87,52,216)
```
#522be1
```
#522be1 rgb(82,43,225)
```
#4d22ea
```
#4d22ea rgb(77,34,234)
```
#4718f4
```
#4718f4 rgb(71,24,244)
```
#420ffd
```
#420ffd rgb(66,15,253)
```

Tone Color Variation

Below, you can see how #420ffd 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
#3b3160 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ac Protanopia 1% of men
#005e95 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#183ec9 Protanomaly 1% of men, 0.01% of women
#1841ba Deuteranomaly 6% of men, 0.4% of women
#18459f Tritanomaly 0.01% of the population

#420ffd hex color

#420ffd Color Information

#420ffd Color Conversion

Color Schemes with #420ffd

Alternatives to #420ffd

#420ffd Preview

Shades and Tints of #420ffd

Tones of #420ffd

Color Blindness Simulator