#4522ea hex color

In a RGB color space, hex #4522ea is composed of 27.1% red, 13.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 85.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 250.5 degrees, a saturation of 82.6% and a lightness of 52.5%. #4522ea color hex could be obtained by blending #8a44ff with #0000d5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 27
- G 13
- B 92
RGB color chart
- C 71
- M 85
- Y 0
- K 8
CMYK color chart

● #4522ea color description : Vivid blue.

The hexadecimal color #4522ea has RGB values of R:69, G:34, B:234 and CMYK values of C:0.71, M:0.85, Y:0, K:0.08. Its decimal value is 4530922.

Hex triplet	4522ea	`#4522ea`
RGB Decimal	69, 34, 234	`rgb(69,34,234)`
RGB Percent	27.1, 13.3, 91.8	`rgb(27.1%,13.3%,91.8%)`
CMYK	71, 85, 0, 8
HSL	250.5°, 82.6, 52.5	`hsl(250.5,82.6%,52.5%)`
HSV (or HSB)	250.5°, 85.5, 91.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.699, 67.933, -91.929
XYZ	17.875, 8.349, 78.507
xyY	0.171, 0.08, 8.349
CIE-LCH	34.699, 114.306, 306.464
CIE-LUV	34.699, -4.061, -121.741
Hunter-Lab	28.894, 59.859, -140.867
Binary	01000101, 00100010, 11101010

#4522ea
```
#4522ea rgb(69,34,234)
```
#c7ea22
```
#c7ea22 rgb(199,234,34)
```

Complementary Color

#2263ea
```
#2263ea rgb(34,99,234)
```
#4522ea
```
#4522ea rgb(69,34,234)
```
#a922ea
```
#a922ea rgb(169,34,234)
```

Analogous Color

#63ea22
```
#63ea22 rgb(99,234,34)
```
#4522ea
```
#4522ea rgb(69,34,234)
```
#eaa922
```
#eaa922 rgb(234,169,34)
```

Split Complementary Color

#22ea45
```
#22ea45 rgb(34,234,69)
```
#4522ea
```
#4522ea rgb(69,34,234)
```
#ea4522
```
#ea4522 rgb(234,69,34)
```

Triadic Color

#22c7ea
```
#22c7ea rgb(34,199,234)
```
#4522ea
```
#4522ea rgb(69,34,234)
```
#ea4522
```
#ea4522 rgb(234,69,34)
```
#c7ea22
```
#c7ea22 rgb(199,234,34)
```

Tetradic Color

#2c11af
```
#2c11af rgb(44,17,175)
```
#3213c6
```
#3213c6 rgb(50,19,198)
```
#3815dd
```
#3815dd rgb(56,21,221)
```
#4522ea
```
#4522ea rgb(69,34,234)
```
#5939ec
```
#5939ec rgb(89,57,236)
```
#6c51ee
```
#6c51ee rgb(108,81,238)
```
#8068f1
```
#8068f1 rgb(128,104,241)
```

Monochromatic Color

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

#2231ea
```
#2231ea rgb(34,49,234)
```
#2422ea
```
#2422ea rgb(36,34,234)
```
#3422ea
```
#3422ea rgb(52,34,234)
```
#4522ea
```
#4522ea rgb(69,34,234)
```
#5622ea
```
#5622ea rgb(86,34,234)
```
#6622ea
```
#6622ea rgb(102,34,234)
```
#7722ea
```
#7722ea rgb(119,34,234)
```

Similar Colors

Text with hexadecimal color #4522ea

This text has a font color of #4522ea.

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

#4522ea background color

This paragraph has a background color of #4522ea.

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

#4522ea border color

This element has a border color of #4522ea.

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

CSS codes

.text {color:#4522ea;}

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

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

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

#03010c
```
#03010c rgb(3,1,12)
```
#08031e
```
#08031e rgb(8,3,30)
```
#0c0530
```
#0c0530 rgb(12,5,48)
```
#110642
```
#110642 rgb(17,6,66)
```
#150854
```
#150854 rgb(21,8,84)
```
#1a0a65
```
#1a0a65 rgb(26,10,101)
```
#1e0b77
```
#1e0b77 rgb(30,11,119)
```
#230d89
```
#230d89 rgb(35,13,137)
```
#270f9b
```
#270f9b rgb(39,15,155)
```
#2c10ad
```
#2c10ad rgb(44,16,173)
```
#3012bf
```
#3012bf rgb(48,18,191)
```
#3514d1
```
#3514d1 rgb(53,20,209)
```
#3916e3
```
#3916e3 rgb(57,22,227)
```

Shade Color Variation

#4522ea
```
#4522ea rgb(69,34,234)
```
#5434ec
```
#5434ec rgb(84,52,236)
```
#6346ed
```
#6346ed rgb(99,70,237)
```
#7258ef
```
#7258ef rgb(114,88,239)
```
#816af1
```
#816af1 rgb(129,106,241)
```
#907cf3
```
#907cf3 rgb(144,124,243)
```
#9f8df4
```
#9f8df4 rgb(159,141,244)
```
#af9ff6
```
#af9ff6 rgb(175,159,246)
```
#beb1f8
```
#beb1f8 rgb(190,177,248)
```
#cdc3f9
```
#cdc3f9 rgb(205,195,249)
```
#dcd5fb
```
#dcd5fb rgb(220,213,251)
```
#ebe7fd
```
#ebe7fd rgb(235,231,253)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

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

#827f8d
```
#827f8d rgb(130,127,141)
```
#7b7696
```
#7b7696 rgb(123,118,150)
```
#756ca0
```
#756ca0 rgb(117,108,160)
```
#6f63a9
```
#6f63a9 rgb(111,99,169)
```
#695ab2
```
#695ab2 rgb(105,90,178)
```
#6351bb
```
#6351bb rgb(99,81,187)
```
#5d47c5
```
#5d47c5 rgb(93,71,197)
```
#573ece
```
#573ece rgb(87,62,206)
```
#5135d7
```
#5135d7 rgb(81,53,215)
```
#4b2be1
```
#4b2be1 rgb(75,43,225)
```
#4522ea
```
#4522ea rgb(69,34,234)
```
#3f19f3
```
#3f19f3 rgb(63,25,243)
```
#390ffd
```
#390ffd rgb(57,15,253)
```

Tone Color Variation

Below, you can see how #4522ea 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
#433c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058aa Protanopia 1% of men
#005d93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1944c1 Protanomaly 1% of men, 0.01% of women
#1947b3 Deuteranomaly 6% of men, 0.4% of women
#194b97 Tritanomaly 0.01% of the population

#4522ea hex color

#4522ea Color Information

#4522ea Color Conversion

Color Schemes with #4522ea

Alternatives to #4522ea

#4522ea Preview

Shades and Tints of #4522ea

Tones of #4522ea

Color Blindness Simulator