colorhexa.com

#522edc hex color

In a RGB color space, hex #522edc is composed of 32.2% red, 18% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 79.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 252.4 degrees, a saturation of 71.3% and a lightness of 52.2%. #522edc color hex could be obtained by blending #a45cff with #0000b9. Closest websafe color is: #6633cc.

- R 32
- G 18
- B 86
RGB color chart
- C 63
- M 79
- Y 0
- K 14
CMYK color chart

● #522edc color description : Bright blue.

The hexadecimal color #522edc has RGB values of R:82, G:46, B:220 and CMYK values of C:0.63, M:0.79, Y:0, K:0.14. Its decimal value is 5385948.

Hex triplet	522edc	`#522edc`
RGB Decimal	82, 46, 220	`rgb(82,46,220)`
RGB Percent	32.2, 18, 86.3	`rgb(32.2%,18%,86.3%)`
CMYK	63, 79, 0, 14
HSL	252.4°, 71.3, 52.2	`hsl(252.4,71.3%,52.2%)`
HSV (or HSB)	252.4°, 79.1, 86.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	35.819, 60.398, -82.038
XYZ	17.373, 8.914, 68.511
xyY	0.183, 0.094, 8.914
CIE-LCH	35.819, 101.873, 306.361
CIE-LUV	35.819, -1.39, -113.322
Hunter-Lab	29.857, 51.611, -115.15
Binary	01010010, 00101110, 11011100

#522edc
```
#522edc rgb(82,46,220)
```
#b8dc2e
```
#b8dc2e rgb(184,220,46)
```

Complementary Color

#2e61dc
```
#2e61dc rgb(46,97,220)
```
#522edc
```
#522edc rgb(82,46,220)
```
#a92edc
```
#a92edc rgb(169,46,220)
```

Analogous Color

#61dc2e
```
#61dc2e rgb(97,220,46)
```
#522edc
```
#522edc rgb(82,46,220)
```
#dca92e
```
#dca92e rgb(220,169,46)
```

Split Complementary Color

#2edc52
```
#2edc52 rgb(46,220,82)
```
#522edc
```
#522edc rgb(82,46,220)
```
#dc522e
```
#dc522e rgb(220,82,46)
```

Triadic Color

#2eb8dc
```
#2eb8dc rgb(46,184,220)
```
#522edc
```
#522edc rgb(82,46,220)
```
#dc522e
```
#dc522e rgb(220,82,46)
```
#b8dc2e
```
#b8dc2e rgb(184,220,46)
```

Tetradic Color

#371ba2
```
#371ba2 rgb(55,27,162)
```
#3f1fb8
```
#3f1fb8 rgb(63,31,184)
```
#4622ce
```
#4622ce rgb(70,34,206)
```
#522edc
```
#522edc rgb(82,46,220)
```
#6444e0
```
#6444e0 rgb(100,68,224)
```
#765ae3
```
#765ae3 rgb(118,90,227)
```
#8870e7
```
#8870e7 rgb(136,112,231)
```

Monochromatic Color

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

#2e36dc
```
#2e36dc rgb(46,54,220)
```
#352edc
```
#352edc rgb(53,46,220)
```
#442edc
```
#442edc rgb(68,46,220)
```
#522edc
```
#522edc rgb(82,46,220)
```
#612edc
```
#612edc rgb(97,46,220)
```
#6f2edc
```
#6f2edc rgb(111,46,220)
```
#7e2edc
```
#7e2edc rgb(126,46,220)
```

Similar Colors

Text with hexadecimal color #522edc

This text has a font color of #522edc.

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

#522edc background color

This paragraph has a background color of #522edc.

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

#522edc border color

This element has a border color of #522edc.

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

CSS codes

.text {color:#522edc;}

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

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

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

#030209
```
#030209 rgb(3,2,9)
```
#09041a
```
#09041a rgb(9,4,26)
```
#0f072b
```
#0f072b rgb(15,7,43)
```
#140a3c
```
#140a3c rgb(20,10,60)
```
#1a0d4d
```
#1a0d4d rgb(26,13,77)
```
#20105d
```
#20105d rgb(32,16,93)
```
#25126e
```
#25126e rgb(37,18,110)
```
#2b157f
```
#2b157f rgb(43,21,127)
```
#311890
```
#311890 rgb(49,24,144)
```
#371ba1
```
#371ba1 rgb(55,27,161)
```
#3c1eb1
```
#3c1eb1 rgb(60,30,177)
```
#4221c2
```
#4221c2 rgb(66,33,194)
```
#4823d3
```
#4823d3 rgb(72,35,211)
```

Shade Color Variation

#522edc
```
#522edc rgb(82,46,220)
```
#603fdf
```
#603fdf rgb(96,63,223)
```
#6e50e2
```
#6e50e2 rgb(110,80,226)
```
#7c60e4
```
#7c60e4 rgb(124,96,228)
```
#8a71e7
```
#8a71e7 rgb(138,113,231)
```
#9882ea
```
#9882ea rgb(152,130,234)
```
#a593ed
```
#a593ed rgb(165,147,237)
```
#b3a4f0
```
#b3a4f0 rgb(179,164,240)
```
#c1b4f3
```
#c1b4f3 rgb(193,180,243)
```
#cfc5f5
```
#cfc5f5 rgb(207,197,245)
```
#ddd6f8
```
#ddd6f8 rgb(221,214,248)
```
#ebe7fb
```
#ebe7fb rgb(235,231,251)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

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

#848288
```
#848288 rgb(132,130,136)
```
#7e7991
```
#7e7991 rgb(126,121,145)
```
#79709a
```
#79709a rgb(121,112,154)
```
#7366a4
```
#7366a4 rgb(115,102,164)
```
#6e5dad
```
#6e5dad rgb(110,93,173)
```
#6854b6
```
#6854b6 rgb(104,84,182)
```
#634ac0
```
#634ac0 rgb(99,74,192)
```
#5d41c9
```
#5d41c9 rgb(93,65,201)
```
#5837d3
```
#5837d3 rgb(88,55,211)
```
#522edc
```
#522edc rgb(82,46,220)
```
#4c25e5
```
#4c25e5 rgb(76,37,229)
```
#471bef
```
#471bef rgb(71,27,239)
```
#4112f8
```
#4112f8 rgb(65,18,248)
```

Tone Color Variation

Below, you can see how #522edc 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
#4e476a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aaf Protanopia 1% of men
#005f98 Deuteranopia 1% of men
#00666c Tritanopia 0.001% of the population

Trichromacy

#1d4abf Protanomaly 1% of men, 0.01% of women
#1d4db1 Deuteranomaly 6% of men, 0.4% of women
#1d5195 Tritanomaly 0.01% of the population