#52a3e7 hex color

In a RGB color space, hex #52a3e7 is composed of 32.2% red, 63.9% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 29.4% magenta, 0% yellow and 9.4% black. It has a hue angle of 207.4 degrees, a saturation of 75.6% and a lightness of 61.4%. #52a3e7 color hex could be obtained by blending #a4ffff with #0047cf. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 64
- B 91
RGB color chart
- C 65
- M 29
- Y 0
- K 9
CMYK color chart

● #52a3e7 color description : Soft blue.

The hexadecimal color #52a3e7 has RGB values of R:82, G:163, B:231 and CMYK values of C:0.65, M:0.29, Y:0, K:0.09. Its decimal value is 5415911.

Hex triplet	52a3e7	`#52a3e7`
RGB Decimal	82, 163, 231	`rgb(82,163,231)`
RGB Percent	32.2, 63.9, 90.6	`rgb(32.2%,63.9%,90.6%)`
CMYK	65, 29, 0, 9
HSL	207.4°, 75.6, 61.4	`hsl(207.4,75.6%,61.4%)`
HSV (or HSB)	207.4°, 64.5, 90.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	64.768, -3.975, -41.575
XYZ	30.997, 33.756, 80.479
xyY	0.213, 0.232, 33.756
CIE-LCH	64.768, 41.764, 264.539
CIE-LUV	64.768, -32.524, -65.871
Hunter-Lab	58.1, -6.441, -41.458
Binary	01010010, 10100011, 11100111

#52a3e7
```
#52a3e7 rgb(82,163,231)
```
#e79652
```
#e79652 rgb(231,150,82)
```

Complementary Color

#52e7e1
```
#52e7e1 rgb(82,231,225)
```
#52a3e7
```
#52a3e7 rgb(82,163,231)
```
#5259e7
```
#5259e7 rgb(82,89,231)
```

Analogous Color

#e7e152
```
#e7e152 rgb(231,225,82)
```
#52a3e7
```
#52a3e7 rgb(82,163,231)
```
#e75258
```
#e75258 rgb(231,82,88)
```

Split Complementary Color

#a3e752
```
#a3e752 rgb(163,231,82)
```
#52a3e7
```
#52a3e7 rgb(82,163,231)
```
#e752a3
```
#e752a3 rgb(231,82,163)
```

Triadic Color

#52e796
```
#52e796 rgb(82,231,150)
```
#52a3e7
```
#52a3e7 rgb(82,163,231)
```
#e752a3
```
#e752a3 rgb(231,82,163)
```
#e79652
```
#e79652 rgb(231,150,82)
```

Tetradic Color

#1d7ed0
```
#1d7ed0 rgb(29,126,208)
```
#258be1
```
#258be1 rgb(37,139,225)
```
#3c97e4
```
#3c97e4 rgb(60,151,228)
```
#52a3e7
```
#52a3e7 rgb(82,163,231)
```
#68afea
```
#68afea rgb(104,175,234)
```
#7fbbed
```
#7fbbed rgb(127,187,237)
```
#95c7f0
```
#95c7f0 rgb(149,199,240)
```

Monochromatic Color

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

#52c8e7
```
#52c8e7 rgb(82,200,231)
```
#52bce7
```
#52bce7 rgb(82,188,231)
```
#52afe7
```
#52afe7 rgb(82,175,231)
```
#52a3e7
```
#52a3e7 rgb(82,163,231)
```
#5297e7
```
#5297e7 rgb(82,151,231)
```
#528ae7
```
#528ae7 rgb(82,138,231)
```
#527ee7
```
#527ee7 rgb(82,126,231)
```

Similar Colors

Text with hexadecimal color #52a3e7

This text has a font color of #52a3e7.

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

#52a3e7 background color

This paragraph has a background color of #52a3e7.

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

#52a3e7 border color

This element has a border color of #52a3e7.

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

CSS codes

.text {color:#52a3e7;}

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

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

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, #020a10 is the darkest color, while #feffff is the lightest one.

#020a10
```
#020a10 rgb(2,10,16)
```
#051422
```
#051422 rgb(5,20,34)
```
#071f33
```
#071f33 rgb(7,31,51)
```
#092944
```
#092944 rgb(9,41,68)
```
#0c3455
```
#0c3455 rgb(12,52,85)
```
#0e3e67
```
#0e3e67 rgb(14,62,103)
```
#114978
```
#114978 rgb(17,73,120)
```
#135389
```
#135389 rgb(19,83,137)
```
#155e9a
```
#155e9a rgb(21,94,154)
```
#1868ac
```
#1868ac rgb(24,104,172)
```
#1a73bd
```
#1a73bd rgb(26,115,189)
```
#1d7dce
```
#1d7dce rgb(29,125,206)
```
#1f87df
```
#1f87df rgb(31,135,223)
```

Shade Color Variation

#3091e2
```
#3091e2 rgb(48,145,226)
```
#419ae5
```
#419ae5 rgb(65,154,229)
```
#52a3e7
```
#52a3e7 rgb(82,163,231)
```
#63ace9
```
#63ace9 rgb(99,172,233)
```
#74b5ec
```
#74b5ec rgb(116,181,236)
```
#86beee
```
#86beee rgb(134,190,238)
```
#97c8f1
```
#97c8f1 rgb(151,200,241)
```
#a8d1f3
```
#a8d1f3 rgb(168,209,243)
```
#b9daf5
```
#b9daf5 rgb(185,218,245)
```
#cbe3f8
```
#cbe3f8 rgb(203,227,248)
```
#dcecfa
```
#dcecfa rgb(220,236,250)
```
#edf5fd
```
#edf5fd rgb(237,245,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#969da3
```
#969da3 rgb(150,157,163)
```
#8f9eaa
```
#8f9eaa rgb(143,158,170)
```
#879eb2
```
#879eb2 rgb(135,158,178)
```
#7f9fba
```
#7f9fba rgb(127,159,186)
```
#78a0c1
```
#78a0c1 rgb(120,160,193)
```
#70a0c9
```
#70a0c9 rgb(112,160,201)
```
#69a1d0
```
#69a1d0 rgb(105,161,208)
```
#61a2d8
```
#61a2d8 rgb(97,162,216)
```
#5aa2df
```
#5aa2df rgb(90,162,223)
```
#52a3e7
```
#52a3e7 rgb(82,163,231)
```
#4aa4ef
```
#4aa4ef rgb(74,164,239)
```
#43a4f6
```
#43a4f6 rgb(67,164,246)
```
#3ba5fe
```
#3ba5fe rgb(59,165,254)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8696a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9fe2 Protanopia 1% of men
#7da1ea Deuteranopia 1% of men
#3bb0bd Tritanopia 0.001% of the population

Trichromacy

#76a1e4 Protanomaly 1% of men, 0.01% of women
#6da2e9 Deuteranomaly 6% of men, 0.4% of women
#43abcc Tritanomaly 0.01% of the population

#52a3e7 hex color

#52a3e7 Color Information

#52a3e7 Color Conversion

Color Schemes with #52a3e7

Alternatives to #52a3e7

#52a3e7 Preview

Shades and Tints of #52a3e7

Tones of #52a3e7

Color Blindness Simulator