#52a4d6 hex color

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

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

● #52a4d6 color description : Moderate blue.

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

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

CIE-LAB	64.321, -10.03, -32.888
XYZ	28.89, 33.198, 68.5
xyY	0.221, 0.254, 33.198
CIE-LCH	64.321, 34.384, 253.04
CIE-LUV	64.321, -33.488, -50.476
Hunter-Lab	57.617, -11.33, -30.156
Binary	01010010, 10100100, 11010110

#52a4d6
```
#52a4d6 rgb(82,164,214)
```
#d68452
```
#d68452 rgb(214,132,82)
```

Complementary Color

#52d6c6
```
#52d6c6 rgb(82,214,198)
```
#52a4d6
```
#52a4d6 rgb(82,164,214)
```
#5262d6
```
#5262d6 rgb(82,98,214)
```

Analogous Color

#d6c652
```
#d6c652 rgb(214,198,82)
```
#52a4d6
```
#52a4d6 rgb(82,164,214)
```
#d65262
```
#d65262 rgb(214,82,98)
```

Split Complementary Color

#a4d652
```
#a4d652 rgb(164,214,82)
```
#52a4d6
```
#52a4d6 rgb(82,164,214)
```
#d652a4
```
#d652a4 rgb(214,82,164)
```

Triadic Color

#52d684
```
#52d684 rgb(82,214,132)
```
#52a4d6
```
#52a4d6 rgb(82,164,214)
```
#d652a4
```
#d652a4 rgb(214,82,164)
```
#d68452
```
#d68452 rgb(214,132,82)
```

Tetradic Color

#2a7eb1
```
#2a7eb1 rgb(42,126,177)
```
#2f8dc6
```
#2f8dc6 rgb(47,141,198)
```
#3d99d1
```
#3d99d1 rgb(61,153,209)
```
#52a4d6
```
#52a4d6 rgb(82,164,214)
```
#67afdb
```
#67afdb rgb(103,175,219)
```
#7bbae0
```
#7bbae0 rgb(123,186,224)
```
#90c5e5
```
#90c5e5 rgb(144,197,229)
```

Monochromatic Color

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

#52c5d6
```
#52c5d6 rgb(82,197,214)
```
#52bad6
```
#52bad6 rgb(82,186,214)
```
#52afd6
```
#52afd6 rgb(82,175,214)
```
#52a4d6
```
#52a4d6 rgb(82,164,214)
```
#5299d6
```
#5299d6 rgb(82,153,214)
```
#528ed6
```
#528ed6 rgb(82,142,214)
```
#5283d6
```
#5283d6 rgb(82,131,214)
```

Similar Colors

Text with hexadecimal color #52a4d6

This text has a font color of #52a4d6.

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

#52a4d6 background color

This paragraph has a background color of #52a4d6.

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

#52a4d6 border color

This element has a border color of #52a4d6.

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

CSS codes

.text {color:#52a4d6;}

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

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

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)
```
#133951
```
#133951 rgb(19,57,81)
```
#174561
```
#174561 rgb(23,69,97)
```
#1b5070
```
#1b5070 rgb(27,80,112)
```
#1e5b80
```
#1e5b80 rgb(30,91,128)
```
#226690
```
#226690 rgb(34,102,144)
```
#2672a0
```
#2672a0 rgb(38,114,160)
```
#2a7db0
```
#2a7db0 rgb(42,125,176)
```
#2d88c0
```
#2d88c0 rgb(45,136,192)
```

Shade Color Variation

#3293ce
```
#3293ce rgb(50,147,206)
```
#429cd2
```
#429cd2 rgb(66,156,210)
```
#52a4d6
```
#52a4d6 rgb(82,164,214)
```
#62acda
```
#62acda rgb(98,172,218)
```
#72b5de
```
#72b5de rgb(114,181,222)
```
#82bde1
```
#82bde1 rgb(130,189,225)
```
#91c5e5
```
#91c5e5 rgb(145,197,229)
```
#a1cee9
```
#a1cee9 rgb(161,206,233)
```
#b1d6ed
```
#b1d6ed rgb(177,214,237)
```
#c1def0
```
#c1def0 rgb(193,222,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 #31acf7 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)
```
#739cb5
```
#739cb5 rgb(115,156,181)
```
#6b9ebd
```
#6b9ebd rgb(107,158,189)
```
#62a0c6
```
#62a0c6 rgb(98,160,198)
```
#5aa2ce
```
#5aa2ce rgb(90,162,206)
```
#52a4d6
```
#52a4d6 rgb(82,164,214)
```
#4aa6de
```
#4aa6de rgb(74,166,222)
```
#42a8e6
```
#42a8e6 rgb(66,168,230)
```
#39aaef
```
#39aaef rgb(57,170,239)
```
#31acf7
```
#31acf7 rgb(49,172,247)
```

Tone Color Variation

Below, you can see how #52a4d6 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
#84959f Atypical Achromatopsia 0.001% of the population

Dichromacy

#919fd1 Protanopia 1% of men
#8a9fdb Deuteranopia 1% of men
#49aebb Tritanopia 0.001% of the population

Trichromacy

#7aa0d3 Protanomaly 1% of men, 0.01% of women
#76a1d9 Deuteranomaly 6% of men, 0.4% of women
#4caac4 Tritanomaly 0.01% of the population

#52a4d6 hex color

#52a4d6 Color Information

#52a4d6 Color Conversion

Color Schemes with #52a4d6

Alternatives to #52a4d6

#52a4d6 Preview

Shades and Tints of #52a4d6

Tones of #52a4d6

Color Blindness Simulator