#522cf2 hex color

In a RGB color space, hex #522cf2 is composed of 32.2% red, 17.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 81.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 251.5 degrees, a saturation of 88.4% and a lightness of 56.1%. #522cf2 color hex could be obtained by blending #a458ff with #0000e5. Closest websafe color is: #6633ff.

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

● #522cf2 color description : Bright blue.

The hexadecimal color #522cf2 has RGB values of R:82, G:44, B:242 and CMYK values of C:0.66, M:0.82, Y:0, K:0.05. Its decimal value is 5385458.

Hex triplet	522cf2	`#522cf2`
RGB Decimal	82, 44, 242	`rgb(82,44,242)`
RGB Percent	32.2, 17.3, 94.9	`rgb(32.2%,17.3%,94.9%)`
CMYK	66, 82, 0, 5
HSL	251.5°, 88.4, 56.1	`hsl(251.5,88.4%,56.1%)`
HSV (or HSB)	251.5°, 81.8, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	37.852, 67.267, -91.203
XYZ	20.404, 10.005, 84.855
xyY	0.177, 0.087, 10.005
CIE-LCH	37.852, 113.326, 306.411
CIE-LUV	37.852, -2.864, -126.21
Hunter-Lab	31.631, 59.792, -136.915
Binary	01010010, 00101100, 11110010

#522cf2
```
#522cf2 rgb(82,44,242)
```
#ccf22c
```
#ccf22c rgb(204,242,44)
```

Complementary Color

#2c69f2
```
#2c69f2 rgb(44,105,242)
```
#522cf2
```
#522cf2 rgb(82,44,242)
```
#b52cf2
```
#b52cf2 rgb(181,44,242)
```

Analogous Color

#69f22c
```
#69f22c rgb(105,242,44)
```
#522cf2
```
#522cf2 rgb(82,44,242)
```
#f2b52c
```
#f2b52c rgb(242,181,44)
```

Split Complementary Color

#2cf252
```
#2cf252 rgb(44,242,82)
```
#522cf2
```
#522cf2 rgb(82,44,242)
```
#f2522c
```
#f2522c rgb(242,82,44)
```

Triadic Color

#2cccf2
```
#2cccf2 rgb(44,204,242)
```
#522cf2
```
#522cf2 rgb(82,44,242)
```
#f2522c
```
#f2522c rgb(242,82,44)
```
#ccf22c
```
#ccf22c rgb(204,242,44)
```

Tetradic Color

#300cc5
```
#300cc5 rgb(48,12,197)
```
#360edd
```
#360edd rgb(54,14,221)
```
#3e14f1
```
#3e14f1 rgb(62,20,241)
```
#522cf2
```
#522cf2 rgb(82,44,242)
```
#6644f3
```
#6644f3 rgb(102,68,243)
```
#795cf5
```
#795cf5 rgb(121,92,245)
```
#8d74f6
```
#8d74f6 rgb(141,116,246)
```

Monochromatic Color

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

#2c38f2
```
#2c38f2 rgb(44,56,242)
```
#312cf2
```
#312cf2 rgb(49,44,242)
```
#412cf2
```
#412cf2 rgb(65,44,242)
```
#522cf2
```
#522cf2 rgb(82,44,242)
```
#632cf2
```
#632cf2 rgb(99,44,242)
```
#732cf2
```
#732cf2 rgb(115,44,242)
```
#842cf2
```
#842cf2 rgb(132,44,242)
```

Similar Colors

Text with hexadecimal color #522cf2

This text has a font color of #522cf2.

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

#522cf2 background color

This paragraph has a background color of #522cf2.

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

#522cf2 border color

This element has a border color of #522cf2.

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

CSS codes

.text {color:#522cf2;}

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

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

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

#03010b
```
#03010b rgb(3,1,11)
```
#07021d
```
#07021d rgb(7,2,29)
```
#0c0330
```
#0c0330 rgb(12,3,48)
```
#100442
```
#100442 rgb(16,4,66)
```
#140555
```
#140555 rgb(20,5,85)
```
#190667
```
#190667 rgb(25,6,103)
```
#1d077a
```
#1d077a rgb(29,7,122)
```
#22098c
```
#22098c rgb(34,9,140)
```
#260a9f
```
#260a9f rgb(38,10,159)
```
#2b0bb1
```
#2b0bb1 rgb(43,11,177)
```
#2f0cc3
```
#2f0cc3 rgb(47,12,195)
```
#340dd6
```
#340dd6 rgb(52,13,214)
```
#380ee8
```
#380ee8 rgb(56,14,232)
```

Shade Color Variation

#431af1
```
#431af1 rgb(67,26,241)
```
#522cf2
```
#522cf2 rgb(82,44,242)
```
#613ef3
```
#613ef3 rgb(97,62,243)
```
#7051f4
```
#7051f4 rgb(112,81,244)
```
#7f63f5
```
#7f63f5 rgb(127,99,245)
```
#8f76f7
```
#8f76f7 rgb(143,118,247)
```
#9e88f8
```
#9e88f8 rgb(158,136,248)
```
#ad9bf9
```
#ad9bf9 rgb(173,155,249)
```
#bcadfa
```
#bcadfa rgb(188,173,250)
```
#cbc0fb
```
#cbc0fb rgb(203,192,251)
```
#dad2fc
```
#dad2fc rgb(218,210,252)
```
#e9e5fd
```
#e9e5fd rgb(233,229,253)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

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

#8c8b93
```
#8c8b93 rgb(140,139,147)
```
#87829c
```
#87829c rgb(135,130,156)
```
#827aa4
```
#827aa4 rgb(130,122,164)
```
#7c71ad
```
#7c71ad rgb(124,113,173)
```
#7768b6
```
#7768b6 rgb(119,104,182)
```
#7260be
```
#7260be rgb(114,96,190)
```
#6d57c7
```
#6d57c7 rgb(109,87,199)
```
#674ed0
```
#674ed0 rgb(103,78,208)
```
#6246d8
```
#6246d8 rgb(98,70,216)
```
#5d3de1
```
#5d3de1 rgb(93,61,225)
```
#5735e9
```
#5735e9 rgb(87,53,233)
```
#522cf2
```
#522cf2 rgb(82,44,242)
```
#4d23fb
```
#4d23fb rgb(77,35,251)
```

Tone Color Variation

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

#005fb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#1d4ccd Protanomaly 1% of men, 0.01% of women
#1d4fbd Deuteranomaly 6% of men, 0.4% of women
#1d54a0 Tritanomaly 0.01% of the population

#522cf2 hex color

#522cf2 Color Information

#522cf2 Color Conversion

Color Schemes with #522cf2

Alternatives to #522cf2

#522cf2 Preview

Shades and Tints of #522cf2

Tones of #522cf2

Color Blindness Simulator