#0522d4 hex color

In a RGB color space, hex #0522d4 is composed of 2% red, 13.3% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 84% magenta, 0% yellow and 16.9% black. It has a hue angle of 231.6 degrees, a saturation of 95.4% and a lightness of 42.5%. #0522d4 color hex could be obtained by blending #0a44ff with #0000a9. 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

● #0522d4 color description : Strong blue.

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

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

CIE-LAB	29.232, 59.411, -88.466
XYZ	12.516, 5.929, 62.768
xyY	0.154, 0.073, 5.929
CIE-LCH	29.232, 106.564, 303.884
CIE-LUV	29.232, -9.523, -107.994
Hunter-Lab	24.349, 49.141, -135.797
Binary	00000101, 00100010, 11010100

#0522d4
```
#0522d4 rgb(5,34,212)
```
#d4b705
```
#d4b705 rgb(212,183,5)
```

Complementary Color

#058ad4
```
#058ad4 rgb(5,138,212)
```
#0522d4
```
#0522d4 rgb(5,34,212)
```
#5005d4
```
#5005d4 rgb(80,5,212)
```

Analogous Color

#8ad405
```
#8ad405 rgb(138,212,5)
```
#0522d4
```
#0522d4 rgb(5,34,212)
```
#d45005
```
#d45005 rgb(212,80,5)
```

Split Complementary Color

#22d405
```
#22d405 rgb(34,212,5)
```
#0522d4
```
#0522d4 rgb(5,34,212)
```
#d40522
```
#d40522 rgb(212,5,34)
```

Triadic Color

#05d4b7
```
#05d4b7 rgb(5,212,183)
```
#0522d4
```
#0522d4 rgb(5,34,212)
```
#d40522
```
#d40522 rgb(212,5,34)
```
#d4b705
```
#d4b705 rgb(212,183,5)
```

Tetradic Color

#031689
```
#031689 rgb(3,22,137)
```
#041aa2
```
#041aa2 rgb(4,26,162)
```
#041ebb
```
#041ebb rgb(4,30,187)
```
#0522d4
```
#0522d4 rgb(5,34,212)
```
#0626ed
```
#0626ed rgb(6,38,237)
```
#1333f9
```
#1333f9 rgb(19,51,249)
```
#2b48fa
```
#2b48fa rgb(43,72,250)
```

Monochromatic Color

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

#0556d4
```
#0556d4 rgb(5,86,212)
```
#0544d4
```
#0544d4 rgb(5,68,212)
```
#0533d4
```
#0533d4 rgb(5,51,212)
```
#0522d4
```
#0522d4 rgb(5,34,212)
```
#0511d4
```
#0511d4 rgb(5,17,212)
```
#0b05d4
```
#0b05d4 rgb(11,5,212)
```
#1c05d4
```
#1c05d4 rgb(28,5,212)
```

Similar Colors

Text with hexadecimal color #0522d4

This text has a font color of #0522d4.

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

#0522d4 background color

This paragraph has a background color of #0522d4.

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

#0522d4 border color

This element has a border color of #0522d4.

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

CSS codes

.text {color:#0522d4;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000314
```
#000314 rgb(0,3,20)
```
#010628
```
#010628 rgb(1,6,40)
```
#01093b
```
#01093b rgb(1,9,59)
```
#020c4e
```
#020c4e rgb(2,12,78)
```
#021061
```
#021061 rgb(2,16,97)
```
#031374
```
#031374 rgb(3,19,116)
```
#031687
```
#031687 rgb(3,22,135)
```
#04199b
```
#04199b rgb(4,25,155)
```
#041cae
```
#041cae rgb(4,28,174)
```
#051fc1
```
#051fc1 rgb(5,31,193)
```
#0522d4
```
#0522d4 rgb(5,34,212)
```
#0525e7
```
#0525e7 rgb(5,37,231)
```

Shade Color Variation

#0729f9
```
#0729f9 rgb(7,41,249)
```
#1a3afa
```
#1a3afa rgb(26,58,250)
```
#2d4afa
```
#2d4afa rgb(45,74,250)
```
#415bfb
```
#415bfb rgb(65,91,251)
```
#546bfb
```
#546bfb rgb(84,107,251)
```
#677cfb
```
#677cfb rgb(103,124,251)
```
#7a8cfc
```
#7a8cfc rgb(122,140,252)
```
#8d9dfc
```
#8d9dfc rgb(141,157,252)
```
#a0adfd
```
#a0adfd rgb(160,173,253)
```
#b4befd
```
#b4befd rgb(180,190,253)
```
#c7cefe
```
#c7cefe rgb(199,206,254)
```
#dadffe
```
#dadffe rgb(218,223,254)
```
#edefff
```
#edefff rgb(237,239,255)
```

Tint Color Variation

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

#696a70
```
#696a70 rgb(105,106,112)
```
#616478
```
#616478 rgb(97,100,120)
```
#585e81
```
#585e81 rgb(88,94,129)
```
#505889
```
#505889 rgb(80,88,137)
```
#485291
```
#485291 rgb(72,82,145)
```
#3f4c9a
```
#3f4c9a rgb(63,76,154)
```
#3746a2
```
#3746a2 rgb(55,70,162)
```
#2f40aa
```
#2f40aa rgb(47,64,170)
```
#263ab3
```
#263ab3 rgb(38,58,179)
```
#1e34bb
```
#1e34bb rgb(30,52,187)
```
#162ec3
```
#162ec3 rgb(22,46,195)
```
#0d28cc
```
#0d28cc rgb(13,40,204)
```
#0522d4
```
#0522d4 rgb(5,34,212)
```

Tone Color Variation

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

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

Trichromacy

#013dab Protanomaly 1% of men, 0.01% of women
#013f9e Deuteranomaly 6% of men, 0.4% of women
#014386 Tritanomaly 0.01% of the population

#0522d4 hex color

#0522d4 Color Information

#0522d4 Color Conversion

Color Schemes with #0522d4

Alternatives to #0522d4

#0522d4 Preview

Shades and Tints of #0522d4

Tones of #0522d4

Color Blindness Simulator