#0052a2 hex color

In a RGB color space, hex #0052a2 is composed of 0% red, 32.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 49.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 209.6 degrees, a saturation of 100% and a lightness of 31.8%. #0052a2 color hex could be obtained by blending #00a4ff with #000045. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 0
- G 32
- B 64
RGB color chart
- C 100
- M 49
- Y 0
- K 36
CMYK color chart

● #0052a2 color description : Dark blue.

The hexadecimal color #0052a2 has RGB values of R:0, G:82, B:162 and CMYK values of C:1, M:0.49, Y:0, K:0.36. Its decimal value is 21154.

Hex triplet	0052a2	`#0052a2`
RGB Decimal	0, 82, 162	`rgb(0,82,162)`
RGB Percent	0, 32.2, 63.5	`rgb(0%,32.2%,63.5%)`
CMYK	100, 49, 0, 36
HSL	209.6°, 100, 31.8	`hsl(209.6,100%,31.8%)`
HSV (or HSB)	209.6°, 100, 63.5
Web Safe	006699	`#006699`

CIE-LAB	35.286, 11.283, -49.029
XYZ	9.537, 8.642, 35.346
xyY	0.178, 0.161, 8.642
CIE-LCH	35.286, 50.311, 282.96
CIE-LUV	35.286, -19.386, -69.329
Hunter-Lab	29.398, 6.464, -50.708
Binary	00000000, 01010010, 10100010

#0052a2
```
#0052a2 rgb(0,82,162)
```
#a25000
```
#a25000 rgb(162,80,0)
```

Complementary Color

#00a2a1
```
#00a2a1 rgb(0,162,161)
```
#0052a2
```
#0052a2 rgb(0,82,162)
```
#0001a2
```
#0001a2 rgb(0,1,162)
```

Analogous Color

#a2a100
```
#a2a100 rgb(162,161,0)
```
#0052a2
```
#0052a2 rgb(0,82,162)
```
#a20001
```
#a20001 rgb(162,0,1)
```

Split Complementary Color

#52a200
```
#52a200 rgb(82,162,0)
```
#0052a2
```
#0052a2 rgb(0,82,162)
```
#a20052
```
#a20052 rgb(162,0,82)
```

Triadic Color

#00a250
```
#00a250 rgb(0,162,80)
```
#0052a2
```
#0052a2 rgb(0,82,162)
```
#a20052
```
#a20052 rgb(162,0,82)
```
#a25000
```
#a25000 rgb(162,80,0)
```

Tetradic Color

#002b56
```
#002b56 rgb(0,43,86)
```
#00386f
```
#00386f rgb(0,56,111)
```
#004589
```
#004589 rgb(0,69,137)
```
#0052a2
```
#0052a2 rgb(0,82,162)
```
#005fbc
```
#005fbc rgb(0,95,188)
```
#006cd5
```
#006cd5 rgb(0,108,213)
```
#0079ef
```
#0079ef rgb(0,121,239)
```

Monochromatic Color

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

#007ba2
```
#007ba2 rgb(0,123,162)
```
#006da2
```
#006da2 rgb(0,109,162)
```
#0060a2
```
#0060a2 rgb(0,96,162)
```
#0052a2
```
#0052a2 rgb(0,82,162)
```
#0045a2
```
#0045a2 rgb(0,69,162)
```
#0037a2
```
#0037a2 rgb(0,55,162)
```
#002aa2
```
#002aa2 rgb(0,42,162)
```

Similar Colors

Text with hexadecimal color #0052a2

This text has a font color of #0052a2.

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

#0052a2 background color

This paragraph has a background color of #0052a2.

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

#0052a2 border color

This element has a border color of #0052a2.

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

CSS codes

.text {color:#0052a2;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#000c19
```
#000c19 rgb(0,12,25)
```
#00162c
```
#00162c rgb(0,22,44)
```
#002040
```
#002040 rgb(0,32,64)
```
#002a54
```
#002a54 rgb(0,42,84)
```
#003467
```
#003467 rgb(0,52,103)
```
#003e7b
```
#003e7b rgb(0,62,123)
```
#00488e
```
#00488e rgb(0,72,142)
```
#0052a2
```
#0052a2 rgb(0,82,162)
```
#005cb6
```
#005cb6 rgb(0,92,182)
```
#0066c9
```
#0066c9 rgb(0,102,201)
```
#0070dd
```
#0070dd rgb(0,112,221)
```
#007af0
```
#007af0 rgb(0,122,240)
```

Shade Color Variation

#0584ff
```
#0584ff rgb(5,132,255)
```
#198dff
```
#198dff rgb(25,141,255)
```
#2c97ff
```
#2c97ff rgb(44,151,255)
```
#40a1ff
```
#40a1ff rgb(64,161,255)
```
#54aaff
```
#54aaff rgb(84,170,255)
```
#67b4ff
```
#67b4ff rgb(103,180,255)
```
#7bbeff
```
#7bbeff rgb(123,190,255)
```
#8ec7ff
```
#8ec7ff rgb(142,199,255)
```
#a2d1ff
```
#a2d1ff rgb(162,209,255)
```
#b6dbff
```
#b6dbff rgb(182,219,255)
```
#c9e4ff
```
#c9e4ff rgb(201,228,255)
```
#ddeeff
```
#ddeeff rgb(221,238,255)
```
#f0f8ff
```
#f0f8ff rgb(240,248,255)
```

Tint Color Variation

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

#4b5157
```
#4b5157 rgb(75,81,87)
```
#45515d
```
#45515d rgb(69,81,93)
```
#3e5164
```
#3e5164 rgb(62,81,100)
```
#38516a
```
#38516a rgb(56,81,106)
```
#325170
```
#325170 rgb(50,81,112)
```
#2c5176
```
#2c5176 rgb(44,81,118)
```
#25527d
```
#25527d rgb(37,82,125)
```
#1f5283
```
#1f5283 rgb(31,82,131)
```
#195289
```
#195289 rgb(25,82,137)
```
#13528f
```
#13528f rgb(19,82,143)
```
#0c5296
```
#0c5296 rgb(12,82,150)
```
#06529c
```
#06529c rgb(6,82,156)
```
#0052a2
```
#0052a2 rgb(0,82,162)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#364656 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b59a5 Protanopia 1% of men
#005d9a Deuteranopia 1% of men
#00656a Tritanopia 0.001% of the population

Trichromacy

#1b56a4 Protanomaly 1% of men, 0.01% of women
#00599d Deuteranomaly 6% of men, 0.4% of women
#005e7e Tritanomaly 0.01% of the population

#0052a2 hex color

#0052a2 Color Information

#0052a2 Color Conversion

Color Schemes with #0052a2

Alternatives to #0052a2

#0052a2 Preview

Shades and Tints of #0052a2

Tones of #0052a2

Color Blindness Simulator