#52a5d6 hex color

In a RGB color space, hex #52a5d6 is composed of 32.2% red, 64.7% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 22.9% magenta, 0% yellow and 16.1% black. It has a hue angle of 202.3 degrees, a saturation of 61.7% and a lightness of 58%. #52a5d6 color hex could be obtained by blending #a4ffff with #004bad. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 65
- B 84
RGB color chart
- C 62
- M 23
- Y 0
- K 16
CMYK color chart

● #52a5d6 color description : Moderate blue.

The hexadecimal color #52a5d6 has RGB values of R:82, G:165, B:214 and CMYK values of C:0.62, M:0.23, Y:0, K:0.16. Its decimal value is 5416406.

Hex triplet	52a5d6	`#52a5d6`
RGB Decimal	82, 165, 214	`rgb(82,165,214)`
RGB Percent	32.2, 64.7, 83.9	`rgb(32.2%,64.7%,83.9%)`
CMYK	62, 23, 0, 16
HSL	202.3°, 61.7, 58	`hsl(202.3,61.7%,58%)`
HSV (or HSB)	202.3°, 61.7, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.609, -10.579, -32.44
XYZ	29.069, 33.557, 68.56
xyY	0.222, 0.256, 33.557
CIE-LCH	64.609, 34.122, 251.938
CIE-LUV	64.609, -33.853, -49.691
Hunter-Lab	57.928, -11.801, -29.621
Binary	01010010, 10100101, 11010110

#52a5d6
```
#52a5d6 rgb(82,165,214)
```
#d68352
```
#d68352 rgb(214,131,82)
```

Complementary Color

#52d6c5
```
#52d6c5 rgb(82,214,197)
```
#52a5d6
```
#52a5d6 rgb(82,165,214)
```
#5263d6
```
#5263d6 rgb(82,99,214)
```

Analogous Color

#d6c552
```
#d6c552 rgb(214,197,82)
```
#52a5d6
```
#52a5d6 rgb(82,165,214)
```
#d65263
```
#d65263 rgb(214,82,99)
```

Split Complementary Color

#a5d652
```
#a5d652 rgb(165,214,82)
```
#52a5d6
```
#52a5d6 rgb(82,165,214)
```
#d652a5
```
#d652a5 rgb(214,82,165)
```

Triadic Color

#52d683
```
#52d683 rgb(82,214,131)
```
#52a5d6
```
#52a5d6 rgb(82,165,214)
```
#d652a5
```
#d652a5 rgb(214,82,165)
```
#d68352
```
#d68352 rgb(214,131,82)
```

Tetradic Color

#2a7fb1
```
#2a7fb1 rgb(42,127,177)
```
#2f8ec6
```
#2f8ec6 rgb(47,142,198)
```
#3d9ad1
```
#3d9ad1 rgb(61,154,209)
```
#52a5d6
```
#52a5d6 rgb(82,165,214)
```
#67b0db
```
#67b0db rgb(103,176,219)
```
#7bbae0
```
#7bbae0 rgb(123,186,224)
```
#90c5e5
```
#90c5e5 rgb(144,197,229)
```

Monochromatic Color

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

#52c6d6
```
#52c6d6 rgb(82,198,214)
```
#52bbd6
```
#52bbd6 rgb(82,187,214)
```
#52b0d6
```
#52b0d6 rgb(82,176,214)
```
#52a5d6
```
#52a5d6 rgb(82,165,214)
```
#529ad6
```
#529ad6 rgb(82,154,214)
```
#528fd6
```
#528fd6 rgb(82,143,214)
```
#5284d6
```
#5284d6 rgb(82,132,214)
```

Similar Colors

Text with hexadecimal color #52a5d6

This text has a font color of #52a5d6.

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

#52a5d6 background color

This paragraph has a background color of #52a5d6.

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

#52a5d6 border color

This element has a border color of #52a5d6.

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

CSS codes

.text {color:#52a5d6;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040c11
```
#040c11 rgb(4,12,17)
```
#081821
```
#081821 rgb(8,24,33)
```
#0c2331
```
#0c2331 rgb(12,35,49)
```
#0f2e41
```
#0f2e41 rgb(15,46,65)
```
#133a51
```
#133a51 rgb(19,58,81)
```
#174561
```
#174561 rgb(23,69,97)
```
#1b5170
```
#1b5170 rgb(27,81,112)
```
#1e5c80
```
#1e5c80 rgb(30,92,128)
```
#226790
```
#226790 rgb(34,103,144)
```
#2673a0
```
#2673a0 rgb(38,115,160)
```
#2a7eb0
```
#2a7eb0 rgb(42,126,176)
```
#2d89c0
```
#2d89c0 rgb(45,137,192)
```

Shade Color Variation

#3295ce
```
#3295ce rgb(50,149,206)
```
#429dd2
```
#429dd2 rgb(66,157,210)
```
#52a5d6
```
#52a5d6 rgb(82,165,214)
```
#62adda
```
#62adda rgb(98,173,218)
```
#72b5de
```
#72b5de rgb(114,181,222)
```
#82bee1
```
#82bee1 rgb(130,190,225)
```
#91c6e5
```
#91c6e5 rgb(145,198,229)
```
#a1cee9
```
#a1cee9 rgb(161,206,233)
```
#b1d6ed
```
#b1d6ed rgb(177,214,237)
```
#c1dff0
```
#c1dff0 rgb(193,223,240)
```
#d1e7f4
```
#d1e7f4 rgb(209,231,244)
```
#e1eff8
```
#e1eff8 rgb(225,239,248)
```
#f1f7fc
```
#f1f7fc rgb(241,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949494 is the less saturated color, while #31adf7 is the most saturated one.

#949494
```
#949494 rgb(148,148,148)
```
#8c969c
```
#8c969c rgb(140,150,156)
```
#8398a5
```
#8398a5 rgb(131,152,165)
```
#7b9aad
```
#7b9aad rgb(123,154,173)
```
#739db5
```
#739db5 rgb(115,157,181)
```
#6b9fbd
```
#6b9fbd rgb(107,159,189)
```
#62a1c6
```
#62a1c6 rgb(98,161,198)
```
#5aa3ce
```
#5aa3ce rgb(90,163,206)
```
#52a5d6
```
#52a5d6 rgb(82,165,214)
```
#4aa7de
```
#4aa7de rgb(74,167,222)
```
#42a9e6
```
#42a9e6 rgb(66,169,230)
```
#39abef
```
#39abef rgb(57,171,239)
```
#31adf7
```
#31adf7 rgb(49,173,247)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8596a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a0d1 Protanopia 1% of men
#8ca0db Deuteranopia 1% of men
#49afbb Tritanopia 0.001% of the population

Trichromacy

#7ba1d3 Protanomaly 1% of men, 0.01% of women
#77a1d9 Deuteranomaly 6% of men, 0.4% of women
#4cabc5 Tritanomaly 0.01% of the population

#52a5d6 hex color

#52a5d6 Color Information

#52a5d6 Color Conversion

Color Schemes with #52a5d6

Alternatives to #52a5d6

#52a5d6 Preview

Shades and Tints of #52a5d6

Tones of #52a5d6

Color Blindness Simulator