#0052e0 hex color

In a RGB color space, hex #0052e0 is composed of 0% red, 32.2% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 63.4% magenta, 0% yellow and 12.2% black. It has a hue angle of 218 degrees, a saturation of 100% and a lightness of 43.9%. #0052e0 color hex could be obtained by blending #00a4ff with #0000c1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 32
- B 88
RGB color chart
- C 100
- M 63
- Y 0
- K 12
CMYK color chart

● #0052e0 color description : Pure (or mostly pure) blue.

The hexadecimal color #0052e0 has RGB values of R:0, G:82, B:224 and CMYK values of C:1, M:0.63, Y:0, K:0.12. Its decimal value is 21216.

Hex triplet	0052e0	`#0052e0`
RGB Decimal	0, 82, 224	`rgb(0,82,224)`
RGB Percent	0, 32.2, 87.8	`rgb(0%,32.2%,87.8%)`
CMYK	100, 63, 0, 12
HSL	218°, 100, 43.9	`hsl(218,100%,43.9%)`
HSV (or HSB)	218°, 100, 87.8
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.271, 36.202, -77.105
XYZ	16.469, 11.415, 71.852
xyY	0.165, 0.114, 11.415
CIE-LCH	40.271, 85.18, 295.151
CIE-LUV	40.271, -18.05, -111.808
Hunter-Lab	33.786, 27.884, -102.441
Binary	00000000, 01010010, 11100000

#0052e0
```
#0052e0 rgb(0,82,224)
```
#e08e00
```
#e08e00 rgb(224,142,0)
```

Complementary Color

#00c2e0
```
#00c2e0 rgb(0,194,224)
```
#0052e0
```
#0052e0 rgb(0,82,224)
```
#1e00e0
```
#1e00e0 rgb(30,0,224)
```

Analogous Color

#c2e000
```
#c2e000 rgb(194,224,0)
```
#0052e0
```
#0052e0 rgb(0,82,224)
```
#e01e00
```
#e01e00 rgb(224,30,0)
```

Split Complementary Color

#52e000
```
#52e000 rgb(82,224,0)
```
#0052e0
```
#0052e0 rgb(0,82,224)
```
#e00052
```
#e00052 rgb(224,0,82)
```

Triadic Color

#00e08e
```
#00e08e rgb(0,224,142)
```
#0052e0
```
#0052e0 rgb(0,82,224)
```
#e00052
```
#e00052 rgb(224,0,82)
```
#e08e00
```
#e08e00 rgb(224,142,0)
```

Tetradic Color

#003694
```
#003694 rgb(0,54,148)
```
#003fad
```
#003fad rgb(0,63,173)
```
#0049c7
```
#0049c7 rgb(0,73,199)
```
#0052e0
```
#0052e0 rgb(0,82,224)
```
#005bfa
```
#005bfa rgb(0,91,250)
```
#146aff
```
#146aff rgb(20,106,255)
```
#2e7aff
```
#2e7aff rgb(46,122,255)
```

Monochromatic Color

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

#008ae0
```
#008ae0 rgb(0,138,224)
```
#0077e0
```
#0077e0 rgb(0,119,224)
```
#0065e0
```
#0065e0 rgb(0,101,224)
```
#0052e0
```
#0052e0 rgb(0,82,224)
```
#003fe0
```
#003fe0 rgb(0,63,224)
```
#002de0
```
#002de0 rgb(0,45,224)
```
#001ae0
```
#001ae0 rgb(0,26,224)
```

Similar Colors

Text with hexadecimal color #0052e0

This text has a font color of #0052e0.

<span style="color:#0052e0;">Text here</span>

#0052e0 background color

This paragraph has a background color of #0052e0.

<p style="background-color:#0052e0;">Content here</p>

#0052e0 border color

This element has a border color of #0052e0.

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

CSS codes

.text {color:#0052e0;}

.background {background-color:#0052e0;}

.border {border:1px solid #0052e0;}

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

#000308
```
#000308 rgb(0,3,8)
```
#000a1c
```
#000a1c rgb(0,10,28)
```
#00112f
```
#00112f rgb(0,17,47)
```
#001943
```
#001943 rgb(0,25,67)
```
#002057
```
#002057 rgb(0,32,87)
```
#00276a
```
#00276a rgb(0,39,106)
```
#002e7e
```
#002e7e rgb(0,46,126)
```
#003592
```
#003592 rgb(0,53,146)
```
#003ca5
```
#003ca5 rgb(0,60,165)
```
#0044b9
```
#0044b9 rgb(0,68,185)
```
#004bcc
```
#004bcc rgb(0,75,204)
```
#0052e0
```
#0052e0 rgb(0,82,224)
```
#0059f4
```
#0059f4 rgb(0,89,244)
```

Shade Color Variation

#0863ff
```
#0863ff rgb(8,99,255)
```
#1c6fff
```
#1c6fff rgb(28,111,255)
```
#2f7bff
```
#2f7bff rgb(47,123,255)
```
#4388ff
```
#4388ff rgb(67,136,255)
```
#5794ff
```
#5794ff rgb(87,148,255)
```
#6aa1ff
```
#6aa1ff rgb(106,161,255)
```
#7eadff
```
#7eadff rgb(126,173,255)
```
#92baff
```
#92baff rgb(146,186,255)
```
#a5c6ff
```
#a5c6ff rgb(165,198,255)
```
#b9d2ff
```
#b9d2ff rgb(185,210,255)
```
#ccdfff
```
#ccdfff rgb(204,223,255)
```
#e0ebff
```
#e0ebff rgb(224,235,255)
```
#f4f8ff
```
#f4f8ff rgb(244,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676e79 is the less saturated color, while #0052e0 is the most saturated one.

#676e79
```
#676e79 rgb(103,110,121)
```
#5f6b81
```
#5f6b81 rgb(95,107,129)
```
#56698a
```
#56698a rgb(86,105,138)
```
#4e6792
```
#4e6792 rgb(78,103,146)
```
#45649b
```
#45649b rgb(69,100,155)
```
#3c62a4
```
#3c62a4 rgb(60,98,164)
```
#3460ac
```
#3460ac rgb(52,96,172)
```
#2b5eb5
```
#2b5eb5 rgb(43,94,181)
```
#225bbe
```
#225bbe rgb(34,91,190)
```
#1a59c6
```
#1a59c6 rgb(26,89,198)
```
#1157cf
```
#1157cf rgb(17,87,207)
```
#0954d7
```
#0954d7 rgb(9,84,215)
```
#0052e0
```
#0052e0 rgb(0,82,224)
```

Tone Color Variation

Below, you can see how #0052e0 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

#4a4a4a Achromatopsia 0.005% of the population
#3b4c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#005dcd Protanomaly 1% of men, 0.01% of women
#0061bd Deuteranomaly 6% of men, 0.4% of women
#00669d Tritanomaly 0.01% of the population

#0052e0 hex color

#0052e0 Color Information

#0052e0 Color Conversion

Color Schemes with #0052e0

Alternatives to #0052e0

#0052e0 Preview

Shades and Tints of #0052e0

Tones of #0052e0

Color Blindness Simulator