#522cf4 hex color

In a RGB color space, hex #522cf4 is composed of 32.2% red, 17.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 82% magenta, 0% yellow and 4.3% black. It has a hue angle of 251.4 degrees, a saturation of 90.1% and a lightness of 56.5%. #522cf4 color hex could be obtained by blending #a458ff with #0000e9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 32
- G 17
- B 96
RGB color chart
- C 66
- M 82
- Y 0
- K 4
CMYK color chart

● #522cf4 color description : Bright blue.

The hexadecimal color #522cf4 has RGB values of R:82, G:44, B:244 and CMYK values of C:0.66, M:0.82, Y:0, K:0.04. Its decimal value is 5385460.

Hex triplet	522cf4	`#522cf4`
RGB Decimal	82, 44, 244	`rgb(82,44,244)`
RGB Percent	32.2, 17.3, 95.7	`rgb(32.2%,17.3%,95.7%)`
CMYK	66, 82, 0, 4
HSL	251.4°, 90.1, 56.5	`hsl(251.4,90.1%,56.5%)`
HSV (or HSB)	251.4°, 82, 95.7
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.067, 67.806, -91.974
XYZ	20.706, 10.126, 86.446
xyY	0.177, 0.086, 10.126
CIE-LCH	38.067, 114.267, 306.399
CIE-LUV	38.067, -3.011, -127.355
Hunter-Lab	31.821, 60.464, -138.794
Binary	01010010, 00101100, 11110100

#522cf4
```
#522cf4 rgb(82,44,244)
```
#cef42c
```
#cef42c rgb(206,244,44)
```

Complementary Color

#2c6af4
```
#2c6af4 rgb(44,106,244)
```
#522cf4
```
#522cf4 rgb(82,44,244)
```
#b62cf4
```
#b62cf4 rgb(182,44,244)
```

Analogous Color

#6af42c
```
#6af42c rgb(106,244,44)
```
#522cf4
```
#522cf4 rgb(82,44,244)
```
#f4b62c
```
#f4b62c rgb(244,182,44)
```

Split Complementary Color

#2cf452
```
#2cf452 rgb(44,244,82)
```
#522cf4
```
#522cf4 rgb(82,44,244)
```
#f4522c
```
#f4522c rgb(244,82,44)
```

Triadic Color

#2ccef4
```
#2ccef4 rgb(44,206,244)
```
#522cf4
```
#522cf4 rgb(82,44,244)
```
#f4522c
```
#f4522c rgb(244,82,44)
```
#cef42c
```
#cef42c rgb(206,244,44)
```

Tetradic Color

#2f0ac9
```
#2f0ac9 rgb(47,10,201)
```
#340ce1
```
#340ce1 rgb(52,12,225)
```
#3e14f3
```
#3e14f3 rgb(62,20,243)
```
#522cf4
```
#522cf4 rgb(82,44,244)
```
#6644f5
```
#6644f5 rgb(102,68,245)
```
#7a5cf7
```
#7a5cf7 rgb(122,92,247)
```
#8e75f8
```
#8e75f8 rgb(142,117,248)
```

Monochromatic Color

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

#2c38f4
```
#2c38f4 rgb(44,56,244)
```
#312cf4
```
#312cf4 rgb(49,44,244)
```
#412cf4
```
#412cf4 rgb(65,44,244)
```
#522cf4
```
#522cf4 rgb(82,44,244)
```
#632cf4
```
#632cf4 rgb(99,44,244)
```
#732cf4
```
#732cf4 rgb(115,44,244)
```
#842cf4
```
#842cf4 rgb(132,44,244)
```

Similar Colors

Text with hexadecimal color #522cf4

This text has a font color of #522cf4.

<span style="color:#522cf4;">Text here</span>

#522cf4 background color

This paragraph has a background color of #522cf4.

<p style="background-color:#522cf4;">Content here</p>

#522cf4 border color

This element has a border color of #522cf4.

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

CSS codes

.text {color:#522cf4;}

.background {background-color:#522cf4;}

.border {border:1px solid #522cf4;}

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

#03010d
```
#03010d rgb(3,1,13)
```
#07021f
```
#07021f rgb(7,2,31)
```
#0c0332
```
#0c0332 rgb(12,3,50)
```
#100445
```
#100445 rgb(16,4,69)
```
#140557
```
#140557 rgb(20,5,87)
```
#19066a
```
#19066a rgb(25,6,106)
```
#1d067d
```
#1d067d rgb(29,6,125)
```
#21078f
```
#21078f rgb(33,7,143)
```
#2608a2
```
#2608a2 rgb(38,8,162)
```
#2a09b5
```
#2a09b5 rgb(42,9,181)
```
#2e0ac7
```
#2e0ac7 rgb(46,10,199)
```
#330bda
```
#330bda rgb(51,11,218)
```
#370cec
```
#370cec rgb(55,12,236)
```

Shade Color Variation

#4319f3
```
#4319f3 rgb(67,25,243)
```
#522cf4
```
#522cf4 rgb(82,44,244)
```
#613ff5
```
#613ff5 rgb(97,63,245)
```
#7151f6
```
#7151f6 rgb(113,81,246)
```
#8064f7
```
#8064f7 rgb(128,100,247)
```
#8f77f8
```
#8f77f8 rgb(143,119,248)
```
#9e89f9
```
#9e89f9 rgb(158,137,249)
```
#ae9cfa
```
#ae9cfa rgb(174,156,250)
```
#bdaffb
```
#bdaffb rgb(189,175,251)
```
#ccc1fc
```
#ccc1fc rgb(204,193,252)
```
#dcd4fd
```
#dcd4fd rgb(220,212,253)
```
#ebe6fe
```
#ebe6fe rgb(235,230,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#8c8a96
```
#8c8a96 rgb(140,138,150)
```
#87819f
```
#87819f rgb(135,129,159)
```
#8279a7
```
#8279a7 rgb(130,121,167)
```
#7c70b0
```
#7c70b0 rgb(124,112,176)
```
#7768b8
```
#7768b8 rgb(119,104,184)
```
#725fc1
```
#725fc1 rgb(114,95,193)
```
#6c57c9
```
#6c57c9 rgb(108,87,201)
```
#674ed2
```
#674ed2 rgb(103,78,210)
```
#6246da
```
#6246da rgb(98,70,218)
```
#5d3de3
```
#5d3de3 rgb(93,61,227)
```
#5735eb
```
#5735eb rgb(87,53,235)
```
#522cf4
```
#522cf4 rgb(82,44,244)
```
#4d23fd
```
#4d23fd rgb(77,35,253)
```

Tone Color Variation

Below, you can see how #522cf4 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

#4e4e4e Achromatopsia 0.005% of the population
#4f476f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0065a0 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1d4cce Protanomaly 1% of men, 0.01% of women
#1d50be Deuteranomaly 6% of men, 0.4% of women
#1d54a1 Tritanomaly 0.01% of the population

#522cf4 hex color

#522cf4 Color Information

#522cf4 Color Conversion

Color Schemes with #522cf4

Alternatives to #522cf4

#522cf4 Preview

Shades and Tints of #522cf4

Tones of #522cf4

Color Blindness Simulator