#0522e3 hex color

In a RGB color space, hex #0522e3 is composed of 2% red, 13.3% green and 89% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 85% magenta, 0% yellow and 11% black. It has a hue angle of 232.2 degrees, a saturation of 95.7% and a lightness of 45.5%. #0522e3 color hex could be obtained by blending #0a44ff with #0000c7. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 13
- B 89
RGB color chart
- C 98
- M 85
- Y 0
- K 11
CMYK color chart

● #0522e3 color description : Vivid blue.

The hexadecimal color #0522e3 has RGB values of R:5, G:34, B:227 and CMYK values of C:0.98, M:0.85, Y:0, K:0.11. Its decimal value is 336611.

Hex triplet	0522e3	`#0522e3`
RGB Decimal	5, 34, 227	`rgb(5,34,227)`
RGB Percent	2, 13.3, 89	`rgb(2%,13.3%,89%)`
CMYK	98, 85, 0, 11
HSL	232.2°, 95.7, 45.5	`hsl(232.2,95.7%,45.5%)`
HSV (or HSB)	232.2°, 97.8, 89
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.164, 63.855, -93.89
XYZ	14.497, 6.721, 73.202
xyY	0.154, 0.071, 6.721
CIE-LCH	31.164, 113.547, 304.22
CIE-LUV	31.164, -10.007, -116.565
Hunter-Lab	25.925, 54.445, -149.262
Binary	00000101, 00100010, 11100011

#0522e3
```
#0522e3 rgb(5,34,227)
```
#e3c605
```
#e3c605 rgb(227,198,5)
```

Complementary Color

#0591e3
```
#0591e3 rgb(5,145,227)
```
#0522e3
```
#0522e3 rgb(5,34,227)
```
#5705e3
```
#5705e3 rgb(87,5,227)
```

Analogous Color

#91e305
```
#91e305 rgb(145,227,5)
```
#0522e3
```
#0522e3 rgb(5,34,227)
```
#e35705
```
#e35705 rgb(227,87,5)
```

Split Complementary Color

#22e305
```
#22e305 rgb(34,227,5)
```
#0522e3
```
#0522e3 rgb(5,34,227)
```
#e30522
```
#e30522 rgb(227,5,34)
```

Triadic Color

#05e3c6
```
#05e3c6 rgb(5,227,198)
```
#0522e3
```
#0522e3 rgb(5,34,227)
```
#e30522
```
#e30522 rgb(227,5,34)
```
#e3c605
```
#e3c605 rgb(227,198,5)
```

Tetradic Color

#031798
```
#031798 rgb(3,23,152)
```
#041bb1
```
#041bb1 rgb(4,27,177)
```
#041eca
```
#041eca rgb(4,30,202)
```
#0522e3
```
#0522e3 rgb(5,34,227)
```
#0828fa
```
#0828fa rgb(8,40,250)
```
#213dfa
```
#213dfa rgb(33,61,250)
```
#3a53fb
```
#3a53fb rgb(58,83,251)
```

Monochromatic Color

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

#055ae3
```
#055ae3 rgb(5,90,227)
```
#0547e3
```
#0547e3 rgb(5,71,227)
```
#0534e3
```
#0534e3 rgb(5,52,227)
```
#0522e3
```
#0522e3 rgb(5,34,227)
```
#050fe3
```
#050fe3 rgb(5,15,227)
```
#0d05e3
```
#0d05e3 rgb(13,5,227)
```
#2005e3
```
#2005e3 rgb(32,5,227)
```

Similar Colors

Text with hexadecimal color #0522e3

This text has a font color of #0522e3.

<span style="color:#0522e3;">Text here</span>

#0522e3 background color

This paragraph has a background color of #0522e3.

<p style="background-color:#0522e3;">Content here</p>

#0522e3 border color

This element has a border color of #0522e3.

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

CSS codes

.text {color:#0522e3;}

.background {background-color:#0522e3;}

.border {border:1px solid #0522e3;}

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

#000210
```
#000210 rgb(0,2,16)
```
#010523
```
#010523 rgb(1,5,35)
```
#010836
```
#010836 rgb(1,8,54)
```
#020b49
```
#020b49 rgb(2,11,73)
```
#020e5d
```
#020e5d rgb(2,14,93)
```
#021170
```
#021170 rgb(2,17,112)
```
#031483
```
#031483 rgb(3,20,131)
```
#031796
```
#031796 rgb(3,23,150)
```
#0419a9
```
#0419a9 rgb(4,25,169)
```
#041cbd
```
#041cbd rgb(4,28,189)
```
#051fd0
```
#051fd0 rgb(5,31,208)
```
#0522e3
```
#0522e3 rgb(5,34,227)
```
#0525f6
```
#0525f6 rgb(5,37,246)
```

Shade Color Variation

#1533fa
```
#1533fa rgb(21,51,250)
```
#2944fa
```
#2944fa rgb(41,68,250)
```
#3c55fb
```
#3c55fb rgb(60,85,251)
```
#4f65fb
```
#4f65fb rgb(79,101,251)
```
#6276fc
```
#6276fc rgb(98,118,252)
```
#7587fc
```
#7587fc rgb(117,135,252)
```
#8998fc
```
#8998fc rgb(137,152,252)
```
#9ca8fd
```
#9ca8fd rgb(156,168,253)
```
#afb9fd
```
#afb9fd rgb(175,185,253)
```
#c2cafe
```
#c2cafe rgb(194,202,254)
```
#d5dbfe
```
#d5dbfe rgb(213,219,254)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#707178
```
#707178 rgb(112,113,120)
```
#676b81
```
#676b81 rgb(103,107,129)
```
#5e648a
```
#5e648a rgb(94,100,138)
```
#555d93
```
#555d93 rgb(85,93,147)
```
#4c579c
```
#4c579c rgb(76,87,156)
```
#4350a5
```
#4350a5 rgb(67,80,165)
```
#3b4aad
```
#3b4aad rgb(59,74,173)
```
#3243b6
```
#3243b6 rgb(50,67,182)
```
#293cbf
```
#293cbf rgb(41,60,191)
```
#2036c8
```
#2036c8 rgb(32,54,200)
```
#172fd1
```
#172fd1 rgb(23,47,209)
```
#0e29da
```
#0e29da rgb(14,41,218)
```
#0522e3
```
#0522e3 rgb(5,34,227)
```

Tone Color Variation

Below, you can see how #0522e3 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

#2f2f2f Achromatopsia 0.005% of the population
#272c53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509c Protanopia 1% of men
#005586 Deuteranopia 1% of men
#005b5e Tritanopia 0.001% of the population

Trichromacy

#013fb5 Protanomaly 1% of men, 0.01% of women
#0142a8 Deuteranomaly 6% of men, 0.4% of women
#01468e Tritanomaly 0.01% of the population

#0522e3 hex color

#0522e3 Color Information

#0522e3 Color Conversion

Color Schemes with #0522e3

Alternatives to #0522e3

#0522e3 Preview

Shades and Tints of #0522e3

Tones of #0522e3

Color Blindness Simulator