#4522d5 hex color

In a RGB color space, hex #4522d5 is composed of 27.1% red, 13.3% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 84% magenta, 0% yellow and 16.5% black. It has a hue angle of 251.7 degrees, a saturation of 72.5% and a lightness of 48.4%. #4522d5 color hex could be obtained by blending #8a44ff with #0000ab. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 27
- G 13
- B 84
RGB color chart
- C 68
- M 84
- Y 0
- K 16
CMYK color chart

● #4522d5 color description : Strong blue.

The hexadecimal color #4522d5 has RGB values of R:69, G:34, B:213 and CMYK values of C:0.68, M:0.84, Y:0, K:0.16. Its decimal value is 4530901.

Hex triplet	4522d5	`#4522d5`
RGB Decimal	69, 34, 213	`rgb(69,34,213)`
RGB Percent	27.1, 13.3, 83.5	`rgb(27.1%,13.3%,83.5%)`
CMYK	68, 84, 0, 16
HSL	251.7°, 72.5, 48.4	`hsl(251.7,72.5%,48.4%)`
HSV (or HSB)	251.7°, 84, 83.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	32.286, 62.276, -83.886
XYZ	15.034, 7.213, 63.547
xyY	0.175, 0.084, 7.213
CIE-LCH	32.286, 104.476, 306.59
CIE-LUV	32.286, -2.619, -109.763
Hunter-Lab	26.856, 52.926, -121.491
Binary	01000101, 00100010, 11010101

#4522d5
```
#4522d5 rgb(69,34,213)
```
#b2d522
```
#b2d522 rgb(178,213,34)
```

Complementary Color

#2259d5
```
#2259d5 rgb(34,89,213)
```
#4522d5
```
#4522d5 rgb(69,34,213)
```
#9f22d5
```
#9f22d5 rgb(159,34,213)
```

Analogous Color

#58d522
```
#58d522 rgb(88,213,34)
```
#4522d5
```
#4522d5 rgb(69,34,213)
```
#d59f22
```
#d59f22 rgb(213,159,34)
```

Split Complementary Color

#22d545
```
#22d545 rgb(34,213,69)
```
#4522d5
```
#4522d5 rgb(69,34,213)
```
#d54522
```
#d54522 rgb(213,69,34)
```

Triadic Color

#22b2d5
```
#22b2d5 rgb(34,178,213)
```
#4522d5
```
#4522d5 rgb(69,34,213)
```
#d54522
```
#d54522 rgb(213,69,34)
```
#b2d522
```
#b2d522 rgb(178,213,34)
```

Tetradic Color

#301793
```
#301793 rgb(48,23,147)
```
#371ba9
```
#371ba9 rgb(55,27,169)
```
#3e1ebf
```
#3e1ebf rgb(62,30,191)
```
#4522d5
```
#4522d5 rgb(69,34,213)
```
#5432de
```
#5432de rgb(84,50,222)
```
#6648e2
```
#6648e2 rgb(102,72,226)
```
#795ee5
```
#795ee5 rgb(121,94,229)
```

Monochromatic Color

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

#222cd5
```
#222cd5 rgb(34,44,213)
```
#2722d5
```
#2722d5 rgb(39,34,213)
```
#3622d5
```
#3622d5 rgb(54,34,213)
```
#4522d5
```
#4522d5 rgb(69,34,213)
```
#5422d5
```
#5422d5 rgb(84,34,213)
```
#6322d5
```
#6322d5 rgb(99,34,213)
```
#7222d5
```
#7222d5 rgb(114,34,213)
```

Similar Colors

Text with hexadecimal color #4522d5

This text has a font color of #4522d5.

<span style="color:#4522d5;">Text here</span>

#4522d5 background color

This paragraph has a background color of #4522d5.

<p style="background-color:#4522d5;">Content here</p>

#4522d5 border color

This element has a border color of #4522d5.

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

CSS codes

.text {color:#4522d5;}

.background {background-color:#4522d5;}

.border {border:1px solid #4522d5;}

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

#03020a
```
#03020a rgb(3,2,10)
```
#09041b
```
#09041b rgb(9,4,27)
```
#0e072c
```
#0e072c rgb(14,7,44)
```
#140a3d
```
#140a3d rgb(20,10,61)
```
#190c4e
```
#190c4e rgb(25,12,78)
```
#1f0f5f
```
#1f0f5f rgb(31,15,95)
```
#241270
```
#241270 rgb(36,18,112)
```
#2a1480
```
#2a1480 rgb(42,20,128)
```
#2f1791
```
#2f1791 rgb(47,23,145)
```
#351aa2
```
#351aa2 rgb(53,26,162)
```
#3a1db3
```
#3a1db3 rgb(58,29,179)
```
#401fc4
```
#401fc4 rgb(64,31,196)
```
#4522d5
```
#4522d5 rgb(69,34,213)
```

Shade Color Variation

#502ddd
```
#502ddd rgb(80,45,221)
```
#5e3ee0
```
#5e3ee0 rgb(94,62,224)
```
#6c4fe3
```
#6c4fe3 rgb(108,79,227)
```
#7a60e6
```
#7a60e6 rgb(122,96,230)
```
#8871e8
```
#8871e8 rgb(136,113,232)
```
#9682eb
```
#9682eb rgb(150,130,235)
```
#a493ee
```
#a493ee rgb(164,147,238)
```
#b3a4f0
```
#b3a4f0 rgb(179,164,240)
```
#c1b4f3
```
#c1b4f3 rgb(193,180,243)
```
#cfc5f6
```
#cfc5f6 rgb(207,197,246)
```
#ddd6f8
```
#ddd6f8 rgb(221,214,248)
```
#ebe7fb
```
#ebe7fb rgb(235,231,251)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#797880
```
#797880 rgb(121,120,128)
```
#736e89
```
#736e89 rgb(115,110,137)
```
#6d6593
```
#6d6593 rgb(109,101,147)
```
#685b9c
```
#685b9c rgb(104,91,156)
```
#6252a6
```
#6252a6 rgb(98,82,166)
```
#5c48af
```
#5c48af rgb(92,72,175)
```
#563fb9
```
#563fb9 rgb(86,63,185)
```
#5135c2
```
#5135c2 rgb(81,53,194)
```
#4b2ccc
```
#4b2ccc rgb(75,44,204)
```
#4522d5
```
#4522d5 rgb(69,34,213)
```
#3f19df
```
#3f19df rgb(63,25,223)
```
#390fe8
```
#390fe8 rgb(57,15,232)
```
#3405f2
```
#3405f2 rgb(52,5,242)
```

Tone Color Variation

Below, you can see how #4522d5 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

#414141 Achromatopsia 0.005% of the population
#423b5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#005d62 Tritanopia 0.001% of the population

Trichromacy

#1941b3 Protanomaly 1% of men, 0.01% of women
#1944a6 Deuteranomaly 6% of men, 0.4% of women
#19478c Tritanomaly 0.01% of the population

#4522d5 hex color

#4522d5 Color Information

#4522d5 Color Conversion

Color Schemes with #4522d5

Alternatives to #4522d5

#4522d5 Preview

Shades and Tints of #4522d5

Tones of #4522d5

Color Blindness Simulator