#52a2e2 hex color

In a RGB color space, hex #52a2e2 is composed of 32.2% red, 63.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 28.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 206.7 degrees, a saturation of 71.3% and a lightness of 60.4%. #52a2e2 color hex could be obtained by blending #a4ffff with #0045c5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 64
- B 89
RGB color chart
- C 64
- M 28
- Y 0
- K 11
CMYK color chart

● #52a2e2 color description : Soft blue.

The hexadecimal color #52a2e2 has RGB values of R:82, G:162, B:226 and CMYK values of C:0.64, M:0.28, Y:0, K:0.11. Its decimal value is 5415650.

Hex triplet	52a2e2	`#52a2e2`
RGB Decimal	82, 162, 226	`rgb(82,162,226)`
RGB Percent	32.2, 63.5, 88.6	`rgb(32.2%,63.5%,88.6%)`
CMYK	64, 28, 0, 11
HSL	206.7°, 71.3, 60.4	`hsl(206.7,71.3%,60.4%)`
HSV (or HSB)	206.7°, 63.7, 88.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.261, -5.05, -39.615
XYZ	30.124, 33.123, 76.753
xyY	0.215, 0.237, 33.123
CIE-LCH	64.261, 39.936, 262.736
CIE-LUV	64.261, -32.34, -62.365
Hunter-Lab	57.553, -7.288, -38.783
Binary	01010010, 10100010, 11100010

#52a2e2
```
#52a2e2 rgb(82,162,226)
```
#e29252
```
#e29252 rgb(226,146,82)
```

Complementary Color

#52e2da
```
#52e2da rgb(82,226,218)
```
#52a2e2
```
#52a2e2 rgb(82,162,226)
```
#525ae2
```
#525ae2 rgb(82,90,226)
```

Analogous Color

#e2da52
```
#e2da52 rgb(226,218,82)
```
#52a2e2
```
#52a2e2 rgb(82,162,226)
```
#e2525a
```
#e2525a rgb(226,82,90)
```

Split Complementary Color

#a2e252
```
#a2e252 rgb(162,226,82)
```
#52a2e2
```
#52a2e2 rgb(82,162,226)
```
#e252a2
```
#e252a2 rgb(226,82,162)
```

Triadic Color

#52e292
```
#52e292 rgb(82,226,146)
```
#52a2e2
```
#52a2e2 rgb(82,162,226)
```
#e252a2
```
#e252a2 rgb(226,82,162)
```
#e29252
```
#e29252 rgb(226,146,82)
```

Tetradic Color

#217dc6
```
#217dc6 rgb(33,125,198)
```
#268bdb
```
#268bdb rgb(38,139,219)
```
#3c96de
```
#3c96de rgb(60,150,222)
```
#52a2e2
```
#52a2e2 rgb(82,162,226)
```
#68aee6
```
#68aee6 rgb(104,174,230)
```
#7eb9e9
```
#7eb9e9 rgb(126,185,233)
```
#94c5ed
```
#94c5ed rgb(148,197,237)
```

Monochromatic Color

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

#52c6e2
```
#52c6e2 rgb(82,198,226)
```
#52bae2
```
#52bae2 rgb(82,186,226)
```
#52aee2
```
#52aee2 rgb(82,174,226)
```
#52a2e2
```
#52a2e2 rgb(82,162,226)
```
#5296e2
```
#5296e2 rgb(82,150,226)
```
#528ae2
```
#528ae2 rgb(82,138,226)
```
#527ee2
```
#527ee2 rgb(82,126,226)
```

Similar Colors

Text with hexadecimal color #52a2e2

This text has a font color of #52a2e2.

<span style="color:#52a2e2;">Text here</span>

#52a2e2 background color

This paragraph has a background color of #52a2e2.

<p style="background-color:#52a2e2;">Content here</p>

#52a2e2 border color

This element has a border color of #52a2e2.

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

CSS codes

.text {color:#52a2e2;}

.background {background-color:#52a2e2;}

.border {border:1px solid #52a2e2;}

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, #02070c is the darkest color, while #fafcfe is the lightest one.

#02070c
```
#02070c rgb(2,7,12)
```
#05121d
```
#05121d rgb(5,18,29)
```
#081d2d
```
#081d2d rgb(8,29,45)
```
#0a273e
```
#0a273e rgb(10,39,62)
```
#0d324f
```
#0d324f rgb(13,50,79)
```
#103c60
```
#103c60 rgb(16,60,96)
```
#134771
```
#134771 rgb(19,71,113)
```
#165281
```
#165281 rgb(22,82,129)
```
#195c92
```
#195c92 rgb(25,92,146)
```
#1b67a3
```
#1b67a3 rgb(27,103,163)
```
#1e71b4
```
#1e71b4 rgb(30,113,180)
```
#217cc5
```
#217cc5 rgb(33,124,197)
```
#2486d5
```
#2486d5 rgb(36,134,213)
```

Shade Color Variation

#3090dc
```
#3090dc rgb(48,144,220)
```
#4199df
```
#4199df rgb(65,153,223)
```
#52a2e2
```
#52a2e2 rgb(82,162,226)
```
#63abe5
```
#63abe5 rgb(99,171,229)
```
#74b4e8
```
#74b4e8 rgb(116,180,232)
```
#84bdea
```
#84bdea rgb(132,189,234)
```
#95c6ed
```
#95c6ed rgb(149,198,237)
```
#a6cff0
```
#a6cff0 rgb(166,207,240)
```
#b7d8f3
```
#b7d8f3 rgb(183,216,243)
```
#c8e1f6
```
#c8e1f6 rgb(200,225,246)
```
#d8eaf9
```
#d8eaf9 rgb(216,234,249)
```
#e9f3fb
```
#e9f3fb rgb(233,243,251)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989a9c is the less saturated color, while #3ba5f9 is the most saturated one.

#989a9c
```
#989a9c rgb(152,154,156)
```
#909ba4
```
#909ba4 rgb(144,155,164)
```
#889cac
```
#889cac rgb(136,156,172)
```
#819db3
```
#819db3 rgb(129,157,179)
```
#799ebb
```
#799ebb rgb(121,158,187)
```
#719fc3
```
#719fc3 rgb(113,159,195)
```
#699fcb
```
#699fcb rgb(105,159,203)
```
#62a0d2
```
#62a0d2 rgb(98,160,210)
```
#5aa1da
```
#5aa1da rgb(90,161,218)
```
#52a2e2
```
#52a2e2 rgb(82,162,226)
```
#4aa3ea
```
#4aa3ea rgb(74,163,234)
```
#42a4f2
```
#42a4f2 rgb(66,164,242)
```
#3ba5f9
```
#3ba5f9 rgb(59,165,249)
```

Tone Color Variation

Below, you can see how #52a2e2 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

#919191 Achromatopsia 0.005% of the population
#8494a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9edd Protanopia 1% of men
#7fa0e6 Deuteranopia 1% of men
#3faebb Tritanopia 0.001% of the population

Trichromacy

#769fdf Protanomaly 1% of men, 0.01% of women
#6fa0e4 Deuteranomaly 6% of men, 0.4% of women
#45aac9 Tritanomaly 0.01% of the population

#52a2e2 hex color

#52a2e2 Color Information

#52a2e2 Color Conversion

Color Schemes with #52a2e2

Alternatives to #52a2e2

#52a2e2 Preview

Shades and Tints of #52a2e2

Tones of #52a2e2

Color Blindness Simulator