#52a4dc hex color

In a RGB color space, hex #52a4dc is composed of 32.2% red, 64.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 25.5% magenta, 0% yellow and 13.7% black. It has a hue angle of 204.3 degrees, a saturation of 66.3% and a lightness of 59.2%. #52a4dc color hex could be obtained by blending #a4ffff with #0049b9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 64
- B 86
RGB color chart
- C 63
- M 25
- Y 0
- K 14
CMYK color chart

● #52a4dc color description : Soft blue.

The hexadecimal color #52a4dc has RGB values of R:82, G:164, B:220 and CMYK values of C:0.63, M:0.25, Y:0, K:0.14. Its decimal value is 5416156.

Hex triplet	52a4dc	`#52a4dc`
RGB Decimal	82, 164, 220	`rgb(82,164,220)`
RGB Percent	32.2, 64.3, 86.3	`rgb(32.2%,64.3%,86.3%)`
CMYK	63, 25, 0, 14
HSL	204.3°, 66.3, 59.2	`hsl(204.3,66.3%,59.2%)`
HSV (or HSB)	204.3°, 62.7, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.572, -8.111, -35.817
XYZ	29.67, 33.51, 72.611
xyY	0.218, 0.247, 33.51
CIE-LCH	64.572, 36.724, 257.24
CIE-LUV	64.572, -33.267, -55.653
Hunter-Lab	57.888, -9.814, -33.848
Binary	01010010, 10100100, 11011100

#52a4dc
```
#52a4dc rgb(82,164,220)
```
#dc8a52
```
#dc8a52 rgb(220,138,82)
```

Complementary Color

#52dccf
```
#52dccf rgb(82,220,207)
```
#52a4dc
```
#52a4dc rgb(82,164,220)
```
#525fdc
```
#525fdc rgb(82,95,220)
```

Analogous Color

#dccf52
```
#dccf52 rgb(220,207,82)
```
#52a4dc
```
#52a4dc rgb(82,164,220)
```
#dc525f
```
#dc525f rgb(220,82,95)
```

Split Complementary Color

#a4dc52
```
#a4dc52 rgb(164,220,82)
```
#52a4dc
```
#52a4dc rgb(82,164,220)
```
#dc52a4
```
#dc52a4 rgb(220,82,164)
```

Triadic Color

#52dc8a
```
#52dc8a rgb(82,220,138)
```
#52a4dc
```
#52a4dc rgb(82,164,220)
```
#dc52a4
```
#dc52a4 rgb(220,82,164)
```
#dc8a52
```
#dc8a52 rgb(220,138,82)
```

Tetradic Color

#267fbc
```
#267fbc rgb(38,127,188)
```
#2a8dd1
```
#2a8dd1 rgb(42,141,209)
```
#3d99d8
```
#3d99d8 rgb(61,153,216)
```
#52a4dc
```
#52a4dc rgb(82,164,220)
```
#67afe0
```
#67afe0 rgb(103,175,224)
```
#7cbae5
```
#7cbae5 rgb(124,186,229)
```
#92c5e9
```
#92c5e9 rgb(146,197,233)
```

Monochromatic Color

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

#52c7dc
```
#52c7dc rgb(82,199,220)
```
#52bbdc
```
#52bbdc rgb(82,187,220)
```
#52b0dc
```
#52b0dc rgb(82,176,220)
```
#52a4dc
```
#52a4dc rgb(82,164,220)
```
#5299dc
```
#5299dc rgb(82,153,220)
```
#528ddc
```
#528ddc rgb(82,141,220)
```
#5282dc
```
#5282dc rgb(82,130,220)
```

Similar Colors

Text with hexadecimal color #52a4dc

This text has a font color of #52a4dc.

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

#52a4dc background color

This paragraph has a background color of #52a4dc.

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

#52a4dc border color

This element has a border color of #52a4dc.

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

CSS codes

.text {color:#52a4dc;}

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

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

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

#010406
```
#010406 rgb(1,4,6)
```
#050f17
```
#050f17 rgb(5,15,23)
```
#081a27
```
#081a27 rgb(8,26,39)
```
#0b2537
```
#0b2537 rgb(11,37,55)
```
#0f3148
```
#0f3148 rgb(15,49,72)
```
#123c58
```
#123c58 rgb(18,60,88)
```
#154768
```
#154768 rgb(21,71,104)
```
#185279
```
#185279 rgb(24,82,121)
```
#1c5d89
```
#1c5d89 rgb(28,93,137)
```
#1f6899
```
#1f6899 rgb(31,104,153)
```
#2273aa
```
#2273aa rgb(34,115,170)
```
#267eba
```
#267eba rgb(38,126,186)
```
#2989ca
```
#2989ca rgb(41,137,202)
```

Shade Color Variation

#3193d5
```
#3193d5 rgb(49,147,213)
```
#429bd9
```
#429bd9 rgb(66,155,217)
```
#52a4dc
```
#52a4dc rgb(82,164,220)
```
#62addf
```
#62addf rgb(98,173,223)
```
#73b5e3
```
#73b5e3 rgb(115,181,227)
```
#83bee6
```
#83bee6 rgb(131,190,230)
```
#93c6e9
```
#93c6e9 rgb(147,198,233)
```
#a4cfed
```
#a4cfed rgb(164,207,237)
```
#b4d7f0
```
#b4d7f0 rgb(180,215,240)
```
#c4e0f3
```
#c4e0f3 rgb(196,224,243)
```
#d5e9f6
```
#d5e9f6 rgb(213,233,246)
```
#e5f1fa
```
#e5f1fa rgb(229,241,250)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92989c is the less saturated color, while #32aafc is the most saturated one.

#92989c
```
#92989c rgb(146,152,156)
```
#8a99a4
```
#8a99a4 rgb(138,153,164)
```
#829bac
```
#829bac rgb(130,155,172)
```
#7a9cb4
```
#7a9cb4 rgb(122,156,180)
```
#729ebc
```
#729ebc rgb(114,158,188)
```
#6a9fc4
```
#6a9fc4 rgb(106,159,196)
```
#62a1cc
```
#62a1cc rgb(98,161,204)
```
#5aa2d4
```
#5aa2d4 rgb(90,162,212)
```
#52a4dc
```
#52a4dc rgb(82,164,220)
```
#4aa6e4
```
#4aa6e4 rgb(74,166,228)
```
#42a7ec
```
#42a7ec rgb(66,167,236)
```
#3aa9f4
```
#3aa9f4 rgb(58,169,244)
```
#32aafc
```
#32aafc rgb(50,170,252)
```

Tone Color Variation

Below, you can see how #52a4dc 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
#8596a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#909fd7 Protanopia 1% of men
#87a0e1 Deuteranopia 1% of men
#44afbc Tritanopia 0.001% of the population

Trichromacy

#79a1d9 Protanomaly 1% of men, 0.01% of women
#73a1df Deuteranomaly 6% of men, 0.4% of women
#49abc7 Tritanomaly 0.01% of the population

#52a4dc hex color

#52a4dc Color Information

#52a4dc Color Conversion

Color Schemes with #52a4dc

Alternatives to #52a4dc

#52a4dc Preview

Shades and Tints of #52a4dc

Tones of #52a4dc

Color Blindness Simulator