#522afa hex color

In a RGB color space, hex #522afa is composed of 32.2% red, 16.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 83.2% magenta, 0% yellow and 2% black. It has a hue angle of 251.5 degrees, a saturation of 95.4% and a lightness of 57.3%. #522afa color hex could be obtained by blending #a454ff with #0000f5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 32
- G 16
- B 98
RGB color chart
- C 67
- M 83
- Y 0
- K 2
CMYK color chart

● #522afa color description : Bright blue.

The hexadecimal color #522afa has RGB values of R:82, G:42, B:250 and CMYK values of C:0.67, M:0.83, Y:0, K:0.02. Its decimal value is 5384954.

Hex triplet	522afa	`#522afa`
RGB Decimal	82, 42, 250	`rgb(82,42,250)`
RGB Percent	32.2, 16.5, 98	`rgb(32.2%,16.5%,98%)`
CMYK	67, 83, 0, 2
HSL	251.5°, 95.4, 57.3	`hsl(251.5,95.4%,57.3%)`
HSV (or HSB)	251.5°, 83.2, 98
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.465, 70.17, -94.691
XYZ	21.56, 10.351, 91.299
xyY	0.175, 0.084, 10.351
CIE-LCH	38.465, 117.857, 306.54
CIE-LUV	38.465, -3.253, -130.836
Hunter-Lab	32.173, 63.314, -145.73
Binary	01010010, 00101010, 11111010

#522afa
```
#522afa rgb(82,42,250)
```
#d2fa2a
```
#d2fa2a rgb(210,250,42)
```

Complementary Color

#2a6afa
```
#2a6afa rgb(42,106,250)
```
#522afa
```
#522afa rgb(82,42,250)
```
#ba2afa
```
#ba2afa rgb(186,42,250)
```

Analogous Color

#6afa2a
```
#6afa2a rgb(106,250,42)
```
#522afa
```
#522afa rgb(82,42,250)
```
#faba2a
```
#faba2a rgb(250,186,42)
```

Split Complementary Color

#2afa52
```
#2afa52 rgb(42,250,82)
```
#522afa
```
#522afa rgb(82,42,250)
```
#fa522a
```
#fa522a rgb(250,82,42)
```

Triadic Color

#2ad2fa
```
#2ad2fa rgb(42,210,250)
```
#522afa
```
#522afa rgb(82,42,250)
```
#fa522a
```
#fa522a rgb(250,82,42)
```
#d2fa2a
```
#d2fa2a rgb(210,250,42)
```

Tetradic Color

#2c05d3
```
#2c05d3 rgb(44,5,211)
```
#3206eb
```
#3206eb rgb(50,6,235)
```
#3e11f9
```
#3e11f9 rgb(62,17,249)
```
#522afa
```
#522afa rgb(82,42,250)
```
#6643fb
```
#6643fb rgb(102,67,251)
```
#7a5cfb
```
#7a5cfb rgb(122,92,251)
```
#8f75fc
```
#8f75fc rgb(143,117,252)
```

Monochromatic Color

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

#2a36fa
```
#2a36fa rgb(42,54,250)
```
#2f2afa
```
#2f2afa rgb(47,42,250)
```
#412afa
```
#412afa rgb(65,42,250)
```
#522afa
```
#522afa rgb(82,42,250)
```
#632afa
```
#632afa rgb(99,42,250)
```
#752afa
```
#752afa rgb(117,42,250)
```
#862afa
```
#862afa rgb(134,42,250)
```

Similar Colors

Text with hexadecimal color #522afa

This text has a font color of #522afa.

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

#522afa background color

This paragraph has a background color of #522afa.

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

#522afa border color

This element has a border color of #522afa.

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

CSS codes

.text {color:#522afa;}

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

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

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

#040011
```
#040011 rgb(4,0,17)
```
#080124
```
#080124 rgb(8,1,36)
```
#0c0137
```
#0c0137 rgb(12,1,55)
```
#10024a
```
#10024a rgb(16,2,74)
```
#14025e
```
#14025e rgb(20,2,94)
```
#180371
```
#180371 rgb(24,3,113)
```
#1c0384
```
#1c0384 rgb(28,3,132)
```
#200497
```
#200497 rgb(32,4,151)
```
#2404aa
```
#2404aa rgb(36,4,170)
```
#2804bd
```
#2804bd rgb(40,4,189)
```
#2c05d1
```
#2c05d1 rgb(44,5,209)
```
#3005e4
```
#3005e4 rgb(48,5,228)
```
#3406f7
```
#3406f7 rgb(52,6,247)
```

Shade Color Variation

#4217fa
```
#4217fa rgb(66,23,250)
```
#522afa
```
#522afa rgb(82,42,250)
```
#623dfa
```
#623dfa rgb(98,61,250)
```
#7150fb
```
#7150fb rgb(113,80,251)
```
#8163fb
```
#8163fb rgb(129,99,251)
```
#9077fc
```
#9077fc rgb(144,119,252)
```
#a08afc
```
#a08afc rgb(160,138,252)
```
#af9dfd
```
#af9dfd rgb(175,157,253)
```
#bfb0fd
```
#bfb0fd rgb(191,176,253)
```
#cfc3fe
```
#cfc3fe rgb(207,195,254)
```
#ded6fe
```
#ded6fe rgb(222,214,254)
```
#eeeafe
```
#eeeafe rgb(238,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #908f95 is the less saturated color, while #522afa is the most saturated one.

#908f95
```
#908f95 rgb(144,143,149)
```
#8b869e
```
#8b869e rgb(139,134,158)
```
#867ea6
```
#867ea6 rgb(134,126,166)
```
#8075af
```
#8075af rgb(128,117,175)
```
#7b6db7
```
#7b6db7 rgb(123,109,183)
```
#7665bf
```
#7665bf rgb(118,101,191)
```
#715cc8
```
#715cc8 rgb(113,92,200)
```
#6c54d0
```
#6c54d0 rgb(108,84,208)
```
#674cd8
```
#674cd8 rgb(103,76,216)
```
#6143e1
```
#6143e1 rgb(97,67,225)
```
#5c3be9
```
#5c3be9 rgb(92,59,233)
```
#5732f2
```
#5732f2 rgb(87,50,242)
```
#522afa
```
#522afa rgb(82,42,250)
```

Tone Color Variation

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

Dichromacy

#0060ba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1d4cd1 Protanomaly 1% of men, 0.01% of women
#1d50c1 Deuteranomaly 6% of men, 0.4% of women
#1d54a4 Tritanomaly 0.01% of the population

#522afa hex color

#522afa Color Information

#522afa Color Conversion

Color Schemes with #522afa

Alternatives to #522afa

#522afa Preview

Shades and Tints of #522afa

Tones of #522afa

Color Blindness Simulator