#4522fc hex color

In a RGB color space, hex #4522fc is composed of 27.1% red, 13.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 86.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 249.6 degrees, a saturation of 97.3% and a lightness of 56.1%. #4522fc color hex could be obtained by blending #8a44ff with #0000f9. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 27
- G 13
- B 99
RGB color chart
- C 73
- M 87
- Y 0
- K 1
CMYK color chart

● #4522fc color description : Vivid blue.

The hexadecimal color #4522fc has RGB values of R:69, G:34, B:252 and CMYK values of C:0.73, M:0.87, Y:0, K:0.01. Its decimal value is 4530940.

Hex triplet	4522fc	`#4522fc`
RGB Decimal	69, 34, 252	`rgb(69,34,252)`
RGB Percent	27.1, 13.3, 98.8	`rgb(27.1%,13.3%,98.8%)`
CMYK	73, 87, 0, 1
HSL	249.6°, 97.3, 56.1	`hsl(249.6,97.3%,56.1%)`
HSV (or HSB)	249.6°, 86.5, 98.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.811, 72.674, -98.588
XYZ	20.594, 9.436, 92.826
xyY	0.168, 0.077, 9.436
CIE-LCH	36.811, 122.478, 306.396
CIE-LUV	36.811, -5.211, -131.883
Hunter-Lab	30.719, 65.907, -157.66
Binary	01000101, 00100010, 11111100

#4522fc
```
#4522fc rgb(69,34,252)
```
#d9fc22
```
#d9fc22 rgb(217,252,34)
```

Complementary Color

#226cfc
```
#226cfc rgb(34,108,252)
```
#4522fc
```
#4522fc rgb(69,34,252)
```
#b222fc
```
#b222fc rgb(178,34,252)
```

Analogous Color

#6cfc22
```
#6cfc22 rgb(108,252,34)
```
#4522fc
```
#4522fc rgb(69,34,252)
```
#fcb222
```
#fcb222 rgb(252,178,34)
```

Split Complementary Color

#22fc45
```
#22fc45 rgb(34,252,69)
```
#4522fc
```
#4522fc rgb(69,34,252)
```
#fc4522
```
#fc4522 rgb(252,69,34)
```

Triadic Color

#22d9fc
```
#22d9fc rgb(34,217,252)
```
#4522fc
```
#4522fc rgb(69,34,252)
```
#fc4522
```
#fc4522 rgb(252,69,34)
```
#d9fc22
```
#d9fc22 rgb(217,252,34)
```

Tetradic Color

#2403cf
```
#2403cf rgb(36,3,207)
```
#2803e8
```
#2803e8 rgb(40,3,232)
```
#3009fc
```
#3009fc rgb(48,9,252)
```
#4522fc
```
#4522fc rgb(69,34,252)
```
#5a3bfc
```
#5a3bfc rgb(90,59,252)
```
#6f54fd
```
#6f54fd rgb(111,84,253)
```
#856dfd
```
#856dfd rgb(133,109,253)
```

Monochromatic Color

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

#2235fc
```
#2235fc rgb(34,53,252)
```
#2223fc
```
#2223fc rgb(34,35,252)
```
#3322fc
```
#3322fc rgb(51,34,252)
```
#4522fc
```
#4522fc rgb(69,34,252)
```
#5722fc
```
#5722fc rgb(87,34,252)
```
#6922fc
```
#6922fc rgb(105,34,252)
```
#7c22fc
```
#7c22fc rgb(124,34,252)
```

Similar Colors

Text with hexadecimal color #4522fc

This text has a font color of #4522fc.

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

#4522fc background color

This paragraph has a background color of #4522fc.

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

#4522fc border color

This element has a border color of #4522fc.

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

CSS codes

.text {color:#4522fc;}

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

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

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, #02000b is the darkest color, while #f8f7ff is the lightest one.

#02000b
```
#02000b rgb(2,0,11)
```
#05001f
```
#05001f rgb(5,0,31)
```
#090132
```
#090132 rgb(9,1,50)
```
#0c0145
```
#0c0145 rgb(12,1,69)
```
#0f0159
```
#0f0159 rgb(15,1,89)
```
#13016c
```
#13016c rgb(19,1,108)
```
#16027f
```
#16027f rgb(22,2,127)
```
#190293
```
#190293 rgb(25,2,147)
```
#1d02a6
```
#1d02a6 rgb(29,2,166)
```
#2003b9
```
#2003b9 rgb(32,3,185)
```
#2303cd
```
#2303cd rgb(35,3,205)
```
#2703e0
```
#2703e0 rgb(39,3,224)
```
#2a03f3
```
#2a03f3 rgb(42,3,243)
```

Shade Color Variation

#350ffc
```
#350ffc rgb(53,15,252)
```
#4522fc
```
#4522fc rgb(69,34,252)
```
#5535fc
```
#5535fc rgb(85,53,252)
```
#6649fd
```
#6649fd rgb(102,73,253)
```
#765cfd
```
#765cfd rgb(118,92,253)
```
#866ffd
```
#866ffd rgb(134,111,253)
```
#9683fd
```
#9683fd rgb(150,131,253)
```
#a796fe
```
#a796fe rgb(167,150,254)
```
#b7a9fe
```
#b7a9fe rgb(183,169,254)
```
#c7bdfe
```
#c7bdfe rgb(199,189,254)
```
#d8d0fe
```
#d8d0fe rgb(216,208,254)
```
#e8e4ff
```
#e8e4ff rgb(232,228,255)
```
#f8f7ff
```
#f8f7ff rgb(248,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8995 is the less saturated color, while #4522fc is the most saturated one.

#8b8995
```
#8b8995 rgb(139,137,149)
```
#85819d
```
#85819d rgb(133,129,157)
```
#7f78a6
```
#7f78a6 rgb(127,120,166)
```
#7a70ae
```
#7a70ae rgb(122,112,174)
```
#7467b7
```
#7467b7 rgb(116,103,183)
```
#6e5ec0
```
#6e5ec0 rgb(110,94,192)
```
#6856c8
```
#6856c8 rgb(104,86,200)
```
#624dd1
```
#624dd1 rgb(98,77,209)
```
#5c44da
```
#5c44da rgb(92,68,218)
```
#573ce2
```
#573ce2 rgb(87,60,226)
```
#5133eb
```
#5133eb rgb(81,51,235)
```
#4b2bf3
```
#4b2bf3 rgb(75,43,243)
```
#4522fc
```
#4522fc rgb(69,34,252)
```

Tone Color Variation

Below, you can see how #4522fc 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
#453e6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#1947ce Protanomaly 1% of men, 0.01% of women
#194abe Deuteranomaly 6% of men, 0.4% of women
#194fa1 Tritanomaly 0.01% of the population

#4522fc hex color

#4522fc Color Information

#4522fc Color Conversion

Color Schemes with #4522fc

Alternatives to #4522fc

#4522fc Preview

Shades and Tints of #4522fc

Tones of #4522fc

Color Blindness Simulator