colorhexa.com

#4d21e4 hex color

In a RGB color space, hex #4d21e4 is composed of 30.2% red, 12.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 85.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 253.5 degrees, a saturation of 78.3% and a lightness of 51.2%. #4d21e4 color hex could be obtained by blending #9a42ff with #0000c9. Closest websafe color is: #6633cc.

- R 30
- G 13
- B 89
RGB color chart
- C 66
- M 86
- Y 0
- K 11
CMYK color chart

● #4d21e4 color description : Vivid blue.

The hexadecimal color #4d21e4 has RGB values of R:77, G:33, B:228 and CMYK values of C:0.66, M:0.86, Y:0, K:0.11. Its decimal value is 5054948.

Hex triplet	4d21e4	`#4d21e4`
RGB Decimal	77, 33, 228	`rgb(77,33,228)`
RGB Percent	30.2, 12.9, 89.4	`rgb(30.2%,12.9%,89.4%)`
CMYK	66, 86, 0, 11
HSL	253.5°, 78.3, 51.2	`hsl(253.5,78.3%,51.2%)`
HSV (or HSB)	253.5°, 85.5, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.531, 67.211, -88.768
XYZ	17.605, 8.266, 74.062
xyY	0.176, 0.083, 8.266
CIE-LCH	34.531, 111.342, 307.131
CIE-LUV	34.531, -1.912, -118.436
Hunter-Lab	28.751, 58.989, -132.605
Binary	01001101, 00100001, 11100100

#4d21e4
```
#4d21e4 rgb(77,33,228)
```
#b8e421
```
#b8e421 rgb(184,228,33)
```

Complementary Color

#2157e4
```
#2157e4 rgb(33,87,228)
```
#4d21e4
```
#4d21e4 rgb(77,33,228)
```
#af21e4
```
#af21e4 rgb(175,33,228)
```

Analogous Color

#57e421
```
#57e421 rgb(87,228,33)
```
#4d21e4
```
#4d21e4 rgb(77,33,228)
```
#e4af21
```
#e4af21 rgb(228,175,33)
```

Split Complementary Color

#21e44d
```
#21e44d rgb(33,228,77)
```
#4d21e4
```
#4d21e4 rgb(77,33,228)
```
#e44d21
```
#e44d21 rgb(228,77,33)
```

Triadic Color

#21b8e4
```
#21b8e4 rgb(33,184,228)
```
#4d21e4
```
#4d21e4 rgb(77,33,228)
```
#e44d21
```
#e44d21 rgb(228,77,33)
```
#b8e421
```
#b8e421 rgb(184,228,33)
```

Tetradic Color

#3514a4
```
#3514a4 rgb(53,20,164)
```
#3c17bb
```
#3c17bb rgb(60,23,187)
```
#431ad2
```
#431ad2 rgb(67,26,210)
```
#4d21e4
```
#4d21e4 rgb(77,33,228)
```
#5f38e7
```
#5f38e7 rgb(95,56,231)
```
#714eea
```
#714eea rgb(113,78,234)
```
#8465ec
```
#8465ec rgb(132,101,236)
```

Monochromatic Color

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

#2126e4
```
#2126e4 rgb(33,38,228)
```
#2d21e4
```
#2d21e4 rgb(45,33,228)
```
#3d21e4
```
#3d21e4 rgb(61,33,228)
```
#4d21e4
```
#4d21e4 rgb(77,33,228)
```
#5d21e4
```
#5d21e4 rgb(93,33,228)
```
#6e21e4
```
#6e21e4 rgb(110,33,228)
```
#7e21e4
```
#7e21e4 rgb(126,33,228)
```

Similar Colors

Text with hexadecimal color #4d21e4

This text has a font color of #4d21e4.

<span style="color:#4d21e4;">Text here</span>

#4d21e4 background color

This paragraph has a background color of #4d21e4.

<p style="background-color:#4d21e4;">Content here</p>

#4d21e4 border color

This element has a border color of #4d21e4.

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

CSS codes

.text {color:#4d21e4;}

.background {background-color:#4d21e4;}

.border {border:1px solid #4d21e4;}

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 #f5f3fe is the lightest one.

#020105
```
#020105 rgb(2,1,5)
```
#070317
```
#070317 rgb(7,3,23)
```
#0d0528
```
#0d0528 rgb(13,5,40)
```
#12073a
```
#12073a rgb(18,7,58)
```
#18094b
```
#18094b rgb(24,9,75)
```
#1e0b5d
```
#1e0b5d rgb(30,11,93)
```
#230d6e
```
#230d6e rgb(35,13,110)
```
#291080
```
#291080 rgb(41,16,128)
```
#2e1291
```
#2e1291 rgb(46,18,145)
```
#3414a3
```
#3414a3 rgb(52,20,163)
```
#3a16b4
```
#3a16b4 rgb(58,22,180)
```
#3f18c6
```
#3f18c6 rgb(63,24,198)
```
#451ad7
```
#451ad7 rgb(69,26,215)
```

Shade Color Variation

#4d21e4
```
#4d21e4 rgb(77,33,228)
```
#5b32e6
```
#5b32e6 rgb(91,50,230)
```
#6944e8
```
#6944e8 rgb(105,68,232)
```
#7755ea
```
#7755ea rgb(119,85,234)
```
#8567ed
```
#8567ed rgb(133,103,237)
```
#9378ef
```
#9378ef rgb(147,120,239)
```
#a18af1
```
#a18af1 rgb(161,138,241)
```
#af9bf3
```
#af9bf3 rgb(175,155,243)
```
#bdadf5
```
#bdadf5 rgb(189,173,245)
```
#cbbef7
```
#cbbef7 rgb(203,190,247)
```
#d9d0f9
```
#d9d0f9 rgb(217,208,249)
```
#e7e1fb
```
#e7e1fb rgb(231,225,251)
```
#f5f3fe
```
#f5f3fe rgb(245,243,254)
```

Tint Color Variation

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

#828184
```
#828184 rgb(130,129,132)
```
#7c778e
```
#7c778e rgb(124,119,142)
```
#776e97
```
#776e97 rgb(119,110,151)
```
#7264a1
```
#7264a1 rgb(114,100,161)
```
#6d5aab
```
#6d5aab rgb(109,90,171)
```
#6751b4
```
#6751b4 rgb(103,81,180)
```
#6247be
```
#6247be rgb(98,71,190)
```
#5d3ec7
```
#5d3ec7 rgb(93,62,199)
```
#5834d1
```
#5834d1 rgb(88,52,209)
```
#522bda
```
#522bda rgb(82,43,218)
```
#4d21e4
```
#4d21e4 rgb(77,33,228)
```
#4817ee
```
#4817ee rgb(72,23,238)
```
#420ef7
```
#420ef7 rgb(66,14,247)
```

Tone Color Variation

Below, you can see how #4d21e4 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

#444444 Achromatopsia 0.005% of the population
#463d64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1c43bf Protanomaly 1% of men, 0.01% of women
#1c47b0 Deuteranomaly 6% of men, 0.4% of women
#1c4b95 Tritanomaly 0.01% of the population