#0522d3 hex color

In a RGB color space, hex #0522d3 is composed of 2% red, 13.3% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 83.9% magenta, 0% yellow and 17.3% black. It has a hue angle of 231.6 degrees, a saturation of 95.4% and a lightness of 42.4%. #0522d3 color hex could be obtained by blending #0a44ff with #0000a7. Closest websafe color is: #0033cc.

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

● #0522d3 color description : Strong blue.

The hexadecimal color #0522d3 has RGB values of R:5, G:34, B:211 and CMYK values of C:0.98, M:0.84, Y:0, K:0.17. Its decimal value is 336595.

Hex triplet	0522d3	`#0522d3`
RGB Decimal	5, 34, 211	`rgb(5,34,211)`
RGB Percent	2, 13.3, 82.7	`rgb(2%,13.3%,82.7%)`
CMYK	98, 84, 0, 17
HSL	231.6°, 95.4, 42.4	`hsl(231.6,95.4%,42.4%)`
HSV (or HSB)	231.6°, 97.6, 82.7
Web Safe	0033cc	`#0033cc`

CIE-LAB	29.104, 59.109, -88.1
XYZ	12.39, 5.878, 62.106
xyY	0.154, 0.073, 5.878
CIE-LCH	29.104, 106.092, 303.859
CIE-LUV	29.104, -9.491, -107.421
Hunter-Lab	24.246, 48.788, -134.902
Binary	00000101, 00100010, 11010011

#0522d3
```
#0522d3 rgb(5,34,211)
```
#d3b605
```
#d3b605 rgb(211,182,5)
```

Complementary Color

#0589d3
```
#0589d3 rgb(5,137,211)
```
#0522d3
```
#0522d3 rgb(5,34,211)
```
#4f05d3
```
#4f05d3 rgb(79,5,211)
```

Analogous Color

#89d305
```
#89d305 rgb(137,211,5)
```
#0522d3
```
#0522d3 rgb(5,34,211)
```
#d34f05
```
#d34f05 rgb(211,79,5)
```

Split Complementary Color

#22d305
```
#22d305 rgb(34,211,5)
```
#0522d3
```
#0522d3 rgb(5,34,211)
```
#d30522
```
#d30522 rgb(211,5,34)
```

Triadic Color

#05d3b6
```
#05d3b6 rgb(5,211,182)
```
#0522d3
```
#0522d3 rgb(5,34,211)
```
#d30522
```
#d30522 rgb(211,5,34)
```
#d3b605
```
#d3b605 rgb(211,182,5)
```

Tetradic Color

#031688
```
#031688 rgb(3,22,136)
```
#041aa1
```
#041aa1 rgb(4,26,161)
```
#041eba
```
#041eba rgb(4,30,186)
```
#0522d3
```
#0522d3 rgb(5,34,211)
```
#0626ec
```
#0626ec rgb(6,38,236)
```
#1232f9
```
#1232f9 rgb(18,50,249)
```
#2b48fa
```
#2b48fa rgb(43,72,250)
```

Monochromatic Color

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

#0556d3
```
#0556d3 rgb(5,86,211)
```
#0544d3
```
#0544d3 rgb(5,68,211)
```
#0533d3
```
#0533d3 rgb(5,51,211)
```
#0522d3
```
#0522d3 rgb(5,34,211)
```
#0511d3
```
#0511d3 rgb(5,17,211)
```
#0a05d3
```
#0a05d3 rgb(10,5,211)
```
#1b05d3
```
#1b05d3 rgb(27,5,211)
```

Similar Colors

Text with hexadecimal color #0522d3

This text has a font color of #0522d3.

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

#0522d3 background color

This paragraph has a background color of #0522d3.

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

#0522d3 border color

This element has a border color of #0522d3.

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

CSS codes

.text {color:#0522d3;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000313
```
#000313 rgb(0,3,19)
```
#010627
```
#010627 rgb(1,6,39)
```
#01093a
```
#01093a rgb(1,9,58)
```
#020c4d
```
#020c4d rgb(2,12,77)
```
#020f60
```
#020f60 rgb(2,15,96)
```
#031373
```
#031373 rgb(3,19,115)
```
#031686
```
#031686 rgb(3,22,134)
```
#04199a
```
#04199a rgb(4,25,154)
```
#041cad
```
#041cad rgb(4,28,173)
```
#051fc0
```
#051fc0 rgb(5,31,192)
```
#0522d3
```
#0522d3 rgb(5,34,211)
```
#0525e6
```
#0525e6 rgb(5,37,230)
```

Shade Color Variation

#0628f9
```
#0628f9 rgb(6,40,249)
```
#1939fa
```
#1939fa rgb(25,57,250)
```
#2c49fa
```
#2c49fa rgb(44,73,250)
```
#405afa
```
#405afa rgb(64,90,250)
```
#536afb
```
#536afb rgb(83,106,251)
```
#667bfb
```
#667bfb rgb(102,123,251)
```
#798cfc
```
#798cfc rgb(121,140,252)
```
#8c9cfc
```
#8c9cfc rgb(140,156,252)
```
#9fadfd
```
#9fadfd rgb(159,173,253)
```
#b3bdfd
```
#b3bdfd rgb(179,189,253)
```
#c6cefe
```
#c6cefe rgb(198,206,254)
```
#d9defe
```
#d9defe rgb(217,222,254)
```
#ecefff
```
#ecefff rgb(236,239,255)
```

Tint Color Variation

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

#696a6f
```
#696a6f rgb(105,106,111)
```
#606478
```
#606478 rgb(96,100,120)
```
#585e80
```
#585e80 rgb(88,94,128)
```
#505888
```
#505888 rgb(80,88,136)
```
#475291
```
#475291 rgb(71,82,145)
```
#3f4c99
```
#3f4c99 rgb(63,76,153)
```
#3746a1
```
#3746a1 rgb(55,70,161)
```
#2f40a9
```
#2f40a9 rgb(47,64,169)
```
#263ab2
```
#263ab2 rgb(38,58,178)
```
#1e34ba
```
#1e34ba rgb(30,52,186)
```
#162ec2
```
#162ec2 rgb(22,46,194)
```
#0d28cb
```
#0d28cb rgb(13,40,203)
```
#0522d3
```
#0522d3 rgb(5,34,211)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#262c4f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c93 Protanopia 1% of men
#00507f Deuteranopia 1% of men
#005659 Tritanopia 0.001% of the population

Trichromacy

#013caa Protanomaly 1% of men, 0.01% of women
#013f9d Deuteranomaly 6% of men, 0.4% of women
#014385 Tritanomaly 0.01% of the population

#0522d3 hex color

#0522d3 Color Information

#0522d3 Color Conversion

Color Schemes with #0522d3

Alternatives to #0522d3

#0522d3 Preview

Shades and Tints of #0522d3

Tones of #0522d3

Color Blindness Simulator