#522bf9 hex color

In a RGB color space, hex #522bf9 is composed of 32.2% red, 16.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 82.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 251.4 degrees, a saturation of 94.5% and a lightness of 57.3%. #522bf9 color hex could be obtained by blending #a456ff with #0000f3. Closest websafe color is: #6633ff.

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

● #522bf9 color description : Bright blue.

The hexadecimal color #522bf9 has RGB values of R:82, G:43, B:249 and CMYK values of C:0.67, M:0.83, Y:0, K:0.02. Its decimal value is 5385209.

Hex triplet	522bf9	`#522bf9`
RGB Decimal	82, 43, 249	`rgb(82,43,249)`
RGB Percent	32.2, 16.9, 97.6	`rgb(32.2%,16.9%,97.6%)`
CMYK	67, 83, 0, 2
HSL	251.4°, 94.5, 57.3	`hsl(251.4,94.5%,57.3%)`
HSV (or HSB)	251.4°, 82.7, 97.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	38.481, 69.531, -94.102
XYZ	21.439, 10.36, 90.487
xyY	0.175, 0.085, 10.36
CIE-LCH	38.481, 117.003, 306.46
CIE-LUV	38.481, -3.276, -130.241
Hunter-Lab	32.187, 62.567, -144.15
Binary	01010010, 00101011, 11111001

#522bf9
```
#522bf9 rgb(82,43,249)
```
#d2f92b
```
#d2f92b rgb(210,249,43)
```

Complementary Color

#2b6bf9
```
#2b6bf9 rgb(43,107,249)
```
#522bf9
```
#522bf9 rgb(82,43,249)
```
#b92bf9
```
#b92bf9 rgb(185,43,249)
```

Analogous Color

#6bf92b
```
#6bf92b rgb(107,249,43)
```
#522bf9
```
#522bf9 rgb(82,43,249)
```
#f9b92b
```
#f9b92b rgb(249,185,43)
```

Split Complementary Color

#2bf952
```
#2bf952 rgb(43,249,82)
```
#522bf9
```
#522bf9 rgb(82,43,249)
```
#f9522b
```
#f9522b rgb(249,82,43)
```

Triadic Color

#2bd2f9
```
#2bd2f9 rgb(43,210,249)
```
#522bf9
```
#522bf9 rgb(82,43,249)
```
#f9522b
```
#f9522b rgb(249,82,43)
```
#d2f92b
```
#d2f92b rgb(210,249,43)
```

Tetradic Color

#2c06d2
```
#2c06d2 rgb(44,6,210)
```
#3207ea
```
#3207ea rgb(50,7,234)
```
#3e12f8
```
#3e12f8 rgb(62,18,248)
```
#522bf9
```
#522bf9 rgb(82,43,249)
```
#6644fa
```
#6644fa rgb(102,68,250)
```
#7a5dfa
```
#7a5dfa rgb(122,93,250)
```
#8f75fb
```
#8f75fb rgb(143,117,251)
```

Monochromatic Color

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

#2b38f9
```
#2b38f9 rgb(43,56,249)
```
#302bf9
```
#302bf9 rgb(48,43,249)
```
#412bf9
```
#412bf9 rgb(65,43,249)
```
#522bf9
```
#522bf9 rgb(82,43,249)
```
#632bf9
```
#632bf9 rgb(99,43,249)
```
#742bf9
```
#742bf9 rgb(116,43,249)
```
#862bf9
```
#862bf9 rgb(134,43,249)
```

Similar Colors

Text with hexadecimal color #522bf9

This text has a font color of #522bf9.

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

#522bf9 background color

This paragraph has a background color of #522bf9.

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

#522bf9 border color

This element has a border color of #522bf9.

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

CSS codes

.text {color:#522bf9;}

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

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

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)
```
#0c0237
```
#0c0237 rgb(12,2,55)
```
#10024a
```
#10024a rgb(16,2,74)
```
#14035d
```
#14035d rgb(20,3,93)
```
#180370
```
#180370 rgb(24,3,112)
```
#1c0483
```
#1c0483 rgb(28,4,131)
```
#200496
```
#200496 rgb(32,4,150)
```
#2405aa
```
#2405aa rgb(36,5,170)
```
#2805bd
```
#2805bd rgb(40,5,189)
```
#2c06d0
```
#2c06d0 rgb(44,6,208)
```
#3006e3
```
#3006e3 rgb(48,6,227)
```
#3407f6
```
#3407f6 rgb(52,7,246)
```

Shade Color Variation

#4218f8
```
#4218f8 rgb(66,24,248)
```
#522bf9
```
#522bf9 rgb(82,43,249)
```
#623efa
```
#623efa rgb(98,62,250)
```
#7151fa
```
#7151fa rgb(113,81,250)
```
#8164fb
```
#8164fb rgb(129,100,251)
```
#9077fb
```
#9077fb rgb(144,119,251)
```
#a08afc
```
#a08afc rgb(160,138,252)
```
#af9dfc
```
#af9dfc rgb(175,157,252)
```
#bfb1fd
```
#bfb1fd rgb(191,177,253)
```
#cfc4fd
```
#cfc4fd rgb(207,196,253)
```
#ded7fe
```
#ded7fe rgb(222,215,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, #919094 is the less saturated color, while #522bf9 is the most saturated one.

#919094
```
#919094 rgb(145,144,148)
```
#8b879d
```
#8b879d rgb(139,135,157)
```
#867fa5
```
#867fa5 rgb(134,127,165)
```
#8176ae
```
#8176ae rgb(129,118,174)
```
#7c6eb6
```
#7c6eb6 rgb(124,110,182)
```
#7666be
```
#7666be rgb(118,102,190)
```
#715dc7
```
#715dc7 rgb(113,93,199)
```
#6c55cf
```
#6c55cf rgb(108,85,207)
```
#674dd7
```
#674dd7 rgb(103,77,215)
```
#6244e0
```
#6244e0 rgb(98,68,224)
```
#5c3ce8
```
#5c3ce8 rgb(92,60,232)
```
#5733f1
```
#5733f1 rgb(87,51,241)
```
#522bf9
```
#522bf9 rgb(82,43,249)
```

Tone Color Variation

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

#0060bb Protanopia 1% of men
#0066a1 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
#1d54a3 Tritanomaly 0.01% of the population

#522bf9 hex color

#522bf9 Color Information

#522bf9 Color Conversion

Color Schemes with #522bf9

Alternatives to #522bf9

#522bf9 Preview

Shades and Tints of #522bf9

Tones of #522bf9

Color Blindness Simulator