#522ff9 hex color

In a RGB color space, hex #522ff9 is composed of 32.2% red, 18.4% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 81.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 250.4 degrees, a saturation of 94.4% and a lightness of 58%. #522ff9 color hex could be obtained by blending #a45eff with #0000f3. Closest websafe color is: #6633ff.

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

● #522ff9 color description : Bright blue.

The hexadecimal color #522ff9 has RGB values of R:82, G:47, B:249 and CMYK values of C:0.67, M:0.81, Y:0, K:0.02. Its decimal value is 5386233.

Hex triplet	522ff9	`#522ff9`
RGB Decimal	82, 47, 249	`rgb(82,47,249)`
RGB Percent	32.2, 18.4, 97.6	`rgb(32.2%,18.4%,97.6%)`
CMYK	67, 81, 0, 2
HSL	250.4°, 94.4, 58	`hsl(250.4,94.4%,58%)`
HSV (or HSB)	250.4°, 81.1, 97.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.011, 67.968, -93.224
XYZ	21.592, 10.665, 90.538
xyY	0.176, 0.087, 10.665
CIE-LCH	39.011, 115.37, 306.095
CIE-LUV	39.011, -3.683, -130.097
Hunter-Lab	32.658, 60.864, -141.51
Binary	01010010, 00101111, 11111001

#522ff9
```
#522ff9 rgb(82,47,249)
```
#d6f92f
```
#d6f92f rgb(214,249,47)
```

Complementary Color

#2f71f9
```
#2f71f9 rgb(47,113,249)
```
#522ff9
```
#522ff9 rgb(82,47,249)
```
#b72ff9
```
#b72ff9 rgb(183,47,249)
```

Analogous Color

#71f92f
```
#71f92f rgb(113,249,47)
```
#522ff9
```
#522ff9 rgb(82,47,249)
```
#f9b72f
```
#f9b72f rgb(249,183,47)
```

Split Complementary Color

#2ff952
```
#2ff952 rgb(47,249,82)
```
#522ff9
```
#522ff9 rgb(82,47,249)
```
#f9522f
```
#f9522f rgb(249,82,47)
```

Triadic Color

#2fd6f9
```
#2fd6f9 rgb(47,214,249)
```
#522ff9
```
#522ff9 rgb(82,47,249)
```
#f9522f
```
#f9522f rgb(249,82,47)
```
#d6f92f
```
#d6f92f rgb(214,249,47)
```

Tetradic Color

#2a06d5
```
#2a06d5 rgb(42,6,213)
```
#2f07ee
```
#2f07ee rgb(47,7,238)
```
#3d16f8
```
#3d16f8 rgb(61,22,248)
```
#522ff9
```
#522ff9 rgb(82,47,249)
```
#6748fa
```
#6748fa rgb(103,72,250)
```
#7b61fa
```
#7b61fa rgb(123,97,250)
```
#9079fb
```
#9079fb rgb(144,121,251)
```

Monochromatic Color

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

#2f3ef9
```
#2f3ef9 rgb(47,62,249)
```
#302ff9
```
#302ff9 rgb(48,47,249)
```
#412ff9
```
#412ff9 rgb(65,47,249)
```
#522ff9
```
#522ff9 rgb(82,47,249)
```
#632ff9
```
#632ff9 rgb(99,47,249)
```
#742ff9
```
#742ff9 rgb(116,47,249)
```
#852ff9
```
#852ff9 rgb(133,47,249)
```

Similar Colors

Text with hexadecimal color #522ff9

This text has a font color of #522ff9.

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

#522ff9 background color

This paragraph has a background color of #522ff9.

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

#522ff9 border color

This element has a border color of #522ff9.

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

CSS codes

.text {color:#522ff9;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040115
```
#040115 rgb(4,1,21)
```
#080128
```
#080128 rgb(8,1,40)
```
#0c023b
```
#0c023b rgb(12,2,59)
```
#0f024e
```
#0f024e rgb(15,2,78)
```
#130361
```
#130361 rgb(19,3,97)
```
#170374
```
#170374 rgb(23,3,116)
```
#1b0487
```
#1b0487 rgb(27,4,135)
```
#1e049a
```
#1e049a rgb(30,4,154)
```
#2205ad
```
#2205ad rgb(34,5,173)
```
#2606c0
```
#2606c0 rgb(38,6,192)
```
#2a06d3
```
#2a06d3 rgb(42,6,211)
```
#2d07e7
```
#2d07e7 rgb(45,7,231)
```

Shade Color Variation

#3209f8
```
#3209f8 rgb(50,9,248)
```
#421cf8
```
#421cf8 rgb(66,28,248)
```
#522ff9
```
#522ff9 rgb(82,47,249)
```
#6242fa
```
#6242fa rgb(98,66,250)
```
#7255fa
```
#7255fa rgb(114,85,250)
```
#8268fb
```
#8268fb rgb(130,104,251)
```
#917bfb
```
#917bfb rgb(145,123,251)
```
#a18efc
```
#a18efc rgb(161,142,252)
```
#b1a1fc
```
#b1a1fc rgb(177,161,252)
```
#c1b4fd
```
#c1b4fd rgb(193,180,253)
```
#d1c8fd
```
#d1c8fd rgb(209,200,253)
```
#e1dbfe
```
#e1dbfe rgb(225,219,254)
```
#f1eefe
```
#f1eefe rgb(241,238,254)
```

Tint Color Variation

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

#939296
```
#939296 rgb(147,146,150)
```
#8d8a9e
```
#8d8a9e rgb(141,138,158)
```
#8881a7
```
#8881a7 rgb(136,129,167)
```
#8279af
```
#8279af rgb(130,121,175)
```
#7d71b7
```
#7d71b7 rgb(125,113,183)
```
#7869bf
```
#7869bf rgb(120,105,191)
```
#7260c8
```
#7260c8 rgb(114,96,200)
```
#6d58d0
```
#6d58d0 rgb(109,88,208)
```
#6850d8
```
#6850d8 rgb(104,80,216)
```
#6248e0
```
#6248e0 rgb(98,72,224)
```
#5d3fe9
```
#5d3fe9 rgb(93,63,233)
```
#5737f1
```
#5737f1 rgb(87,55,241)
```
#522ff9
```
#522ff9 rgb(82,47,249)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#504972 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a3 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#1d4fd3 Protanomaly 1% of men, 0.01% of women
#1d52c2 Deuteranomaly 6% of men, 0.4% of women
#1d57a4 Tritanomaly 0.01% of the population

#522ff9 hex color

#522ff9 Color Information

#522ff9 Color Conversion

Color Schemes with #522ff9

Alternatives to #522ff9

#522ff9 Preview

Shades and Tints of #522ff9

Tones of #522ff9

Color Blindness Simulator