#4522ec hex color

In a RGB color space, hex #4522ec is composed of 27.1% red, 13.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 85.6% magenta, 0% yellow and 7.5% black. It has a hue angle of 250.4 degrees, a saturation of 84.2% and a lightness of 52.9%. #4522ec color hex could be obtained by blending #8a44ff with #0000d9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 27
- G 13
- B 93
RGB color chart
- C 71
- M 86
- Y 0
- K 7
CMYK color chart

● #4522ec color description : Vivid blue.

The hexadecimal color #4522ec has RGB values of R:69, G:34, B:236 and CMYK values of C:0.71, M:0.86, Y:0, K:0.07. Its decimal value is 4530924.

Hex triplet	4522ec	`#4522ec`
RGB Decimal	69, 34, 236	`rgb(69,34,236)`
RGB Percent	27.1, 13.3, 92.5	`rgb(27.1%,13.3%,92.5%)`
CMYK	71, 86, 0, 7
HSL	250.4°, 84.2, 52.9	`hsl(250.4,84.2%,52.9%)`
HSV (or HSB)	250.4°, 85.6, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.932, 68.465, -92.679
XYZ	18.164, 8.464, 80.029
xyY	0.17, 0.079, 8.464
CIE-LCH	34.932, 115.225, 306.455
CIE-LUV	34.932, -4.193, -122.874
Hunter-Lab	29.094, 60.526, -142.725
Binary	01000101, 00100010, 11101100

#4522ec
```
#4522ec rgb(69,34,236)
```
#c9ec22
```
#c9ec22 rgb(201,236,34)
```

Complementary Color

#2264ec
```
#2264ec rgb(34,100,236)
```
#4522ec
```
#4522ec rgb(69,34,236)
```
#aa22ec
```
#aa22ec rgb(170,34,236)
```

Analogous Color

#64ec22
```
#64ec22 rgb(100,236,34)
```
#4522ec
```
#4522ec rgb(69,34,236)
```
#ecaa22
```
#ecaa22 rgb(236,170,34)
```

Split Complementary Color

#22ec45
```
#22ec45 rgb(34,236,69)
```
#4522ec
```
#4522ec rgb(69,34,236)
```
#ec4522
```
#ec4522 rgb(236,69,34)
```

Triadic Color

#22c9ec
```
#22c9ec rgb(34,201,236)
```
#4522ec
```
#4522ec rgb(69,34,236)
```
#ec4522
```
#ec4522 rgb(236,69,34)
```
#c9ec22
```
#c9ec22 rgb(201,236,34)
```

Tetradic Color

#2c0fb2
```
#2c0fb2 rgb(44,15,178)
```
#3111ca
```
#3111ca rgb(49,17,202)
```
#3713e1
```
#3713e1 rgb(55,19,225)
```
#4522ec
```
#4522ec rgb(69,34,236)
```
#5939ee
```
#5939ee rgb(89,57,238)
```
#6d51f0
```
#6d51f0 rgb(109,81,240)
```
#8068f2
```
#8068f2 rgb(128,104,242)
```

Monochromatic Color

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

#2232ec
```
#2232ec rgb(34,50,236)
```
#2322ec
```
#2322ec rgb(35,34,236)
```
#3422ec
```
#3422ec rgb(52,34,236)
```
#4522ec
```
#4522ec rgb(69,34,236)
```
#5622ec
```
#5622ec rgb(86,34,236)
```
#6722ec
```
#6722ec rgb(103,34,236)
```
#7822ec
```
#7822ec rgb(120,34,236)
```

Similar Colors

Text with hexadecimal color #4522ec

This text has a font color of #4522ec.

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

#4522ec background color

This paragraph has a background color of #4522ec.

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

#4522ec border color

This element has a border color of #4522ec.

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

CSS codes

.text {color:#4522ec;}

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

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

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

#03010e
```
#03010e rgb(3,1,14)
```
#080320
```
#080320 rgb(8,3,32)
```
#0c0432
```
#0c0432 rgb(12,4,50)
```
#110644
```
#110644 rgb(17,6,68)
```
#150756
```
#150756 rgb(21,7,86)
```
#190968
```
#190968 rgb(25,9,104)
```
#1e0b7a
```
#1e0b7a rgb(30,11,122)
```
#220c8c
```
#220c8c rgb(34,12,140)
```
#270e9e
```
#270e9e rgb(39,14,158)
```
#2b0fb0
```
#2b0fb0 rgb(43,15,176)
```
#3011c2
```
#3011c2 rgb(48,17,194)
```
#3412d5
```
#3412d5 rgb(52,18,213)
```
#3814e7
```
#3814e7 rgb(56,20,231)
```

Shade Color Variation

#4522ec
```
#4522ec rgb(69,34,236)
```
#5434ee
```
#5434ee rgb(84,52,238)
```
#6346ef
```
#6346ef rgb(99,70,239)
```
#7358f1
```
#7358f1 rgb(115,88,241)
```
#826af2
```
#826af2 rgb(130,106,242)
```
#917cf4
```
#917cf4 rgb(145,124,244)
```
#a08ef5
```
#a08ef5 rgb(160,142,245)
```
#afa0f7
```
#afa0f7 rgb(175,160,247)
```
#bfb3f8
```
#bfb3f8 rgb(191,179,248)
```
#cec5fa
```
#cec5fa rgb(206,197,250)
```
#ddd7fc
```
#ddd7fc rgb(221,215,252)
```
#ece9fd
```
#ece9fd rgb(236,233,253)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #817e90 is the less saturated color, while #3910fe is the most saturated one.

#817e90
```
#817e90 rgb(129,126,144)
```
#7b7599
```
#7b7599 rgb(123,117,153)
```
#756ca2
```
#756ca2 rgb(117,108,162)
```
#6f63ab
```
#6f63ab rgb(111,99,171)
```
#6959b5
```
#6959b5 rgb(105,89,181)
```
#6350be
```
#6350be rgb(99,80,190)
```
#5d47c7
```
#5d47c7 rgb(93,71,199)
```
#573ed0
```
#573ed0 rgb(87,62,208)
```
#5134da
```
#5134da rgb(81,52,218)
```
#4b2be3
```
#4b2be3 rgb(75,43,227)
```
#4522ec
```
#4522ec rgb(69,34,236)
```
#3f19f5
```
#3f19f5 rgb(63,25,245)
```
#3910fe
```
#3910fe rgb(57,16,254)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#433c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006469 Tritanopia 0.001% of the population

Trichromacy

#1944c3 Protanomaly 1% of men, 0.01% of women
#1948b4 Deuteranomaly 6% of men, 0.4% of women
#194c98 Tritanomaly 0.01% of the population

#4522ec hex color

#4522ec Color Information

#4522ec Color Conversion

Color Schemes with #4522ec

Alternatives to #4522ec

#4522ec Preview

Shades and Tints of #4522ec

Tones of #4522ec

Color Blindness Simulator