#4522f5 hex color

In a RGB color space, hex #4522f5 is composed of 27.1% red, 13.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 86.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 250 degrees, a saturation of 91.3% and a lightness of 54.7%. #4522f5 color hex could be obtained by blending #8a44ff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 27
- G 13
- B 96
RGB color chart
- C 72
- M 86
- Y 0
- K 4
CMYK color chart

● #4522f5 color description : Vivid blue.

The hexadecimal color #4522f5 has RGB values of R:69, G:34, B:245 and CMYK values of C:0.72, M:0.86, Y:0, K:0.04. Its decimal value is 4530933.

Hex triplet	4522f5	`#4522f5`
RGB Decimal	69, 34, 245	`rgb(69,34,245)`
RGB Percent	27.1, 13.3, 96.1	`rgb(27.1%,13.3%,96.1%)`
CMYK	72, 86, 0, 4
HSL	250°, 91.3, 54.7	`hsl(250,91.3%,54.7%)`
HSV (or HSB)	250°, 86.1, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.986, 70.842, -96.022
XYZ	19.505, 9.001, 87.091
xyY	0.169, 0.078, 9.001
CIE-LCH	35.986, 119.326, 306.419
CIE-LUV	35.986, -4.772, -127.952
Hunter-Lab	30.001, 63.545, -151.112
Binary	01000101, 00100010, 11110101

#4522f5
```
#4522f5 rgb(69,34,245)
```
#d2f522
```
#d2f522 rgb(210,245,34)
```

Complementary Color

#2269f5
```
#2269f5 rgb(34,105,245)
```
#4522f5
```
#4522f5 rgb(69,34,245)
```
#af22f5
```
#af22f5 rgb(175,34,245)
```

Analogous Color

#69f522
```
#69f522 rgb(105,245,34)
```
#4522f5
```
#4522f5 rgb(69,34,245)
```
#f5af22
```
#f5af22 rgb(245,175,34)
```

Split Complementary Color

#22f545
```
#22f545 rgb(34,245,69)
```
#4522f5
```
#4522f5 rgb(69,34,245)
```
#f54522
```
#f54522 rgb(245,69,34)
```

Triadic Color

#22d2f5
```
#22d2f5 rgb(34,210,245)
```
#4522f5
```
#4522f5 rgb(69,34,245)
```
#f54522
```
#f54522 rgb(245,69,34)
```
#d2f522
```
#d2f522 rgb(210,245,34)
```

Tetradic Color

#2709c2
```
#2709c2 rgb(39,9,194)
```
#2c0ada
```
#2c0ada rgb(44,10,218)
```
#310bf3
```
#310bf3 rgb(49,11,243)
```
#4522f5
```
#4522f5 rgb(69,34,245)
```
#5a3af6
```
#5a3af6 rgb(90,58,246)
```
#6e53f7
```
#6e53f7 rgb(110,83,247)
```
#836bf8
```
#836bf8 rgb(131,107,248)
```

Monochromatic Color

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

#2234f5
```
#2234f5 rgb(34,52,245)
```
#2222f5
```
#2222f5 rgb(34,34,245)
```
#3322f5
```
#3322f5 rgb(51,34,245)
```
#4522f5
```
#4522f5 rgb(69,34,245)
```
#5722f5
```
#5722f5 rgb(87,34,245)
```
#6822f5
```
#6822f5 rgb(104,34,245)
```
#7a22f5
```
#7a22f5 rgb(122,34,245)
```

Similar Colors

Text with hexadecimal color #4522f5

This text has a font color of #4522f5.

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

#4522f5 background color

This paragraph has a background color of #4522f5.

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

#4522f5 border color

This element has a border color of #4522f5.

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

CSS codes

.text {color:#4522f5;}

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

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

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, #010004 is the darkest color, while #f3f0fe is the lightest one.

#010004
```
#010004 rgb(1,0,4)
```
#050117
```
#050117 rgb(5,1,23)
```
#08022a
```
#08022a rgb(8,2,42)
```
#0c033c
```
#0c033c rgb(12,3,60)
```
#10044f
```
#10044f rgb(16,4,79)
```
#140462
```
#140462 rgb(20,4,98)
```
#180575
```
#180575 rgb(24,5,117)
```
#1c0688
```
#1c0688 rgb(28,6,136)
```
#1f079a
```
#1f079a rgb(31,7,154)
```
#2308ad
```
#2308ad rgb(35,8,173)
```
#2709c0
```
#2709c0 rgb(39,9,192)
```
#2b0ad3
```
#2b0ad3 rgb(43,10,211)
```
#2f0ae5
```
#2f0ae5 rgb(47,10,229)
```

Shade Color Variation

#350ff4
```
#350ff4 rgb(53,15,244)
```
#4522f5
```
#4522f5 rgb(69,34,245)
```
#5535f6
```
#5535f6 rgb(85,53,246)
```
#6548f7
```
#6548f7 rgb(101,72,247)
```
#745af8
```
#745af8 rgb(116,90,248)
```
#846df8
```
#846df8 rgb(132,109,248)
```
#9480f9
```
#9480f9 rgb(148,128,249)
```
#a493fa
```
#a493fa rgb(164,147,250)
```
#b4a5fb
```
#b4a5fb rgb(180,165,251)
```
#c3b8fc
```
#c3b8fc rgb(195,184,252)
```
#d3cbfd
```
#d3cbfd rgb(211,203,253)
```
#e3defd
```
#e3defd rgb(227,222,253)
```
#f3f0fe
```
#f3f0fe rgb(243,240,254)
```

Tint Color Variation

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

#868493
```
#868493 rgb(134,132,147)
```
#807b9c
```
#807b9c rgb(128,123,156)
```
#7a72a5
```
#7a72a5 rgb(122,114,165)
```
#7469ae
```
#7469ae rgb(116,105,174)
```
#6f60b7
```
#6f60b7 rgb(111,96,183)
```
#6957c0
```
#6957c0 rgb(105,87,192)
```
#634ec9
```
#634ec9 rgb(99,78,201)
```
#5d46d1
```
#5d46d1 rgb(93,70,209)
```
#573dda
```
#573dda rgb(87,61,218)
```
#5134e3
```
#5134e3 rgb(81,52,227)
```
#4b2bec
```
#4b2bec rgb(75,43,236)
```
#4522f5
```
#4522f5 rgb(69,34,245)
```
#3f19fe
```
#3f19fe rgb(63,25,254)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#453e68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#006098 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#1946c9 Protanomaly 1% of men, 0.01% of women
#1949ba Deuteranomaly 6% of men, 0.4% of women
#194d9d Tritanomaly 0.01% of the population

#4522f5 hex color

#4522f5 Color Information

#4522f5 Color Conversion

Color Schemes with #4522f5

Alternatives to #4522f5

#4522f5 Preview

Shades and Tints of #4522f5

Tones of #4522f5

Color Blindness Simulator