#522de7 hex color

In a RGB color space, hex #522de7 is composed of 32.2% red, 17.6% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 80.5% magenta, 0% yellow and 9.4% black. It has a hue angle of 251.9 degrees, a saturation of 79.5% and a lightness of 54.1%. #522de7 color hex could be obtained by blending #a45aff with #0000cf. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 32
- G 18
- B 91
RGB color chart
- C 65
- M 81
- Y 0
- K 9
CMYK color chart

● #522de7 color description : Bright blue.

The hexadecimal color #522de7 has RGB values of R:82, G:45, B:231 and CMYK values of C:0.65, M:0.81, Y:0, K:0.09. Its decimal value is 5385703.

Hex triplet	522de7	`#522de7`
RGB Decimal	82, 45, 231	`rgb(82,45,231)`
RGB Percent	32.2, 17.6, 90.6	`rgb(32.2%,17.6%,90.6%)`
CMYK	65, 81, 0, 9
HSL	251.9°, 79.5, 54.1	`hsl(251.9,79.5%,54.1%)`
HSV (or HSB)	251.9°, 80.5, 90.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	36.817, 63.868, -86.679
XYZ	18.839, 9.439, 76.426
xyY	0.18, 0.09, 9.439
CIE-LCH	36.817, 107.667, 306.384
CIE-LUV	36.817, -2.141, -119.818
Hunter-Lab	30.724, 55.687, -125.98
Binary	01010010, 00101101, 11100111

#522de7
```
#522de7 rgb(82,45,231)
```
#c2e72d
```
#c2e72d rgb(194,231,45)
```

Complementary Color

#2d65e7
```
#2d65e7 rgb(45,101,231)
```
#522de7
```
#522de7 rgb(82,45,231)
```
#af2de7
```
#af2de7 rgb(175,45,231)
```

Analogous Color

#65e72d
```
#65e72d rgb(101,231,45)
```
#522de7
```
#522de7 rgb(82,45,231)
```
#e7af2d
```
#e7af2d rgb(231,175,45)
```

Split Complementary Color

#2de752
```
#2de752 rgb(45,231,82)
```
#522de7
```
#522de7 rgb(82,45,231)
```
#e7522d
```
#e7522d rgb(231,82,45)
```

Triadic Color

#2dc2e7
```
#2dc2e7 rgb(45,194,231)
```
#522de7
```
#522de7 rgb(82,45,231)
```
#e7522d
```
#e7522d rgb(231,82,45)
```
#c2e72d
```
#c2e72d rgb(194,231,45)
```

Tetradic Color

#3414b3
```
#3414b3 rgb(52,20,179)
```
#3b17ca
```
#3b17ca rgb(59,23,202)
```
#411ae1
```
#411ae1 rgb(65,26,225)
```
#522de7
```
#522de7 rgb(82,45,231)
```
#6544ea
```
#6544ea rgb(101,68,234)
```
#785bec
```
#785bec rgb(120,91,236)
```
#8b72ef
```
#8b72ef rgb(139,114,239)
```

Monochromatic Color

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

#2d36e7
```
#2d36e7 rgb(45,54,231)
```
#332de7
```
#332de7 rgb(51,45,231)
```
#432de7
```
#432de7 rgb(67,45,231)
```
#522de7
```
#522de7 rgb(82,45,231)
```
#622de7
```
#622de7 rgb(98,45,231)
```
#712de7
```
#712de7 rgb(113,45,231)
```
#812de7
```
#812de7 rgb(129,45,231)
```

Similar Colors

Text with hexadecimal color #522de7

This text has a font color of #522de7.

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

#522de7 background color

This paragraph has a background color of #522de7.

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

#522de7 border color

This element has a border color of #522de7.

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

CSS codes

.text {color:#522de7;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050213
```
#050213 rgb(5,2,19)
```
#0b0424
```
#0b0424 rgb(11,4,36)
```
#100636
```
#100636 rgb(16,6,54)
```
#150848
```
#150848 rgb(21,8,72)
```
#1a0a59
```
#1a0a59 rgb(26,10,89)
```
#1f0c6b
```
#1f0c6b rgb(31,12,107)
```
#240e7c
```
#240e7c rgb(36,14,124)
```
#29108e
```
#29108e rgb(41,16,142)
```
#2e12a0
```
#2e12a0 rgb(46,18,160)
```
#3314b1
```
#3314b1 rgb(51,20,177)
```
#3916c3
```
#3916c3 rgb(57,22,195)
```
#3e18d4
```
#3e18d4 rgb(62,24,212)
```

Shade Color Variation

#431be5
```
#431be5 rgb(67,27,229)
```
#522de7
```
#522de7 rgb(82,45,231)
```
#613fe9
```
#613fe9 rgb(97,63,233)
```
#6f50eb
```
#6f50eb rgb(111,80,235)
```
#7e62ed
```
#7e62ed rgb(126,98,237)
```
#8c73ef
```
#8c73ef rgb(140,115,239)
```
#9b85f1
```
#9b85f1 rgb(155,133,241)
```
#a997f3
```
#a997f3 rgb(169,151,243)
```
#b8a8f5
```
#b8a8f5 rgb(184,168,245)
```
#c6baf7
```
#c6baf7 rgb(198,186,247)
```
#d5cbf9
```
#d5cbf9 rgb(213,203,249)
```
#e3ddfb
```
#e3ddfb rgb(227,221,251)
```
#f2effd
```
#f2effd rgb(242,239,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88878d is the less saturated color, while #471bf9 is the most saturated one.

#88878d
```
#88878d rgb(136,135,141)
```
#837e96
```
#837e96 rgb(131,126,150)
```
#7d759f
```
#7d759f rgb(125,117,159)
```
#786ca8
```
#786ca8 rgb(120,108,168)
```
#7363b1
```
#7363b1 rgb(115,99,177)
```
#6d5aba
```
#6d5aba rgb(109,90,186)
```
#6851c3
```
#6851c3 rgb(104,81,195)
```
#6248cc
```
#6248cc rgb(98,72,204)
```
#5d3fd5
```
#5d3fd5 rgb(93,63,213)
```
#5736de
```
#5736de rgb(87,54,222)
```
#522de7
```
#522de7 rgb(82,45,231)
```
#4d24f0
```
#4d24f0 rgb(77,36,240)
```
#471bf9
```
#471bf9 rgb(71,27,249)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#4e476c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00686f Tritanopia 0.001% of the population

Trichromacy

#1d4bc6 Protanomaly 1% of men, 0.01% of women
#1d4eb7 Deuteranomaly 6% of men, 0.4% of women
#1d539a Tritanomaly 0.01% of the population

#522de7 hex color

#522de7 Color Information

#522de7 Color Conversion

Color Schemes with #522de7

Alternatives to #522de7

#522de7 Preview

Shades and Tints of #522de7

Tones of #522de7

Color Blindness Simulator