#52b2dc hex color

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

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

● #52b2dc color description : Soft blue.

The hexadecimal color #52b2dc has RGB values of R:82, G:178, B:220 and CMYK values of C:0.63, M:0.19, Y:0, K:0.14. Its decimal value is 5419740.

Hex triplet	52b2dc	`#52b2dc`
RGB Decimal	82, 178, 220	`rgb(82,178,220)`
RGB Percent	32.2, 69.8, 86.3	`rgb(32.2%,69.8%,86.3%)`
CMYK	63, 19, 0, 14
HSL	198.3°, 66.3, 59.2	`hsl(198.3,66.3%,59.2%)`
HSV (or HSB)	198.3°, 62.7, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.606, -15.707, -29.566
XYZ	32.315, 38.8, 73.492
xyY	0.223, 0.268, 38.8
CIE-LCH	68.606, 33.479, 242.021
CIE-LUV	68.606, -38.348, -44.621
Hunter-Lab	62.289, -16.402, -26.351
Binary	01010010, 10110010, 11011100

#52b2dc
```
#52b2dc rgb(82,178,220)
```
#dc7c52
```
#dc7c52 rgb(220,124,82)
```

Complementary Color

#52dcc1
```
#52dcc1 rgb(82,220,193)
```
#52b2dc
```
#52b2dc rgb(82,178,220)
```
#526ddc
```
#526ddc rgb(82,109,220)
```

Analogous Color

#dcc152
```
#dcc152 rgb(220,193,82)
```
#52b2dc
```
#52b2dc rgb(82,178,220)
```
#dc526d
```
#dc526d rgb(220,82,109)
```

Split Complementary Color

#b2dc52
```
#b2dc52 rgb(178,220,82)
```
#52b2dc
```
#52b2dc rgb(82,178,220)
```
#dc52b2
```
#dc52b2 rgb(220,82,178)
```

Triadic Color

#52dc7c
```
#52dc7c rgb(82,220,124)
```
#52b2dc
```
#52b2dc rgb(82,178,220)
```
#dc52b2
```
#dc52b2 rgb(220,82,178)
```
#dc7c52
```
#dc7c52 rgb(220,124,82)
```

Tetradic Color

#268ebc
```
#268ebc rgb(38,142,188)
```
#2a9ed1
```
#2a9ed1 rgb(42,158,209)
```
#3da9d8
```
#3da9d8 rgb(61,169,216)
```
#52b2dc
```
#52b2dc rgb(82,178,220)
```
#67bbe0
```
#67bbe0 rgb(103,187,224)
```
#7cc5e5
```
#7cc5e5 rgb(124,197,229)
```
#92cee9
```
#92cee9 rgb(146,206,233)
```

Monochromatic Color

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

#52d5dc
```
#52d5dc rgb(82,213,220)
```
#52c9dc
```
#52c9dc rgb(82,201,220)
```
#52bedc
```
#52bedc rgb(82,190,220)
```
#52b2dc
```
#52b2dc rgb(82,178,220)
```
#52a7dc
```
#52a7dc rgb(82,167,220)
```
#529bdc
```
#529bdc rgb(82,155,220)
```
#5290dc
```
#5290dc rgb(82,144,220)
```

Similar Colors

Text with hexadecimal color #52b2dc

This text has a font color of #52b2dc.

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

#52b2dc background color

This paragraph has a background color of #52b2dc.

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

#52b2dc border color

This element has a border color of #52b2dc.

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

CSS codes

.text {color:#52b2dc;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051117
```
#051117 rgb(5,17,23)
```
#081e27
```
#081e27 rgb(8,30,39)
```
#0b2a37
```
#0b2a37 rgb(11,42,55)
```
#0f3648
```
#0f3648 rgb(15,54,72)
```
#124358
```
#124358 rgb(18,67,88)
```
#154f68
```
#154f68 rgb(21,79,104)
```
#185b79
```
#185b79 rgb(24,91,121)
```
#1c6889
```
#1c6889 rgb(28,104,137)
```
#1f7499
```
#1f7499 rgb(31,116,153)
```
#2280aa
```
#2280aa rgb(34,128,170)
```
#268dba
```
#268dba rgb(38,141,186)
```
#2999ca
```
#2999ca rgb(41,153,202)
```

Shade Color Variation

#31a3d5
```
#31a3d5 rgb(49,163,213)
```
#42abd9
```
#42abd9 rgb(66,171,217)
```
#52b2dc
```
#52b2dc rgb(82,178,220)
```
#62b9df
```
#62b9df rgb(98,185,223)
```
#73c1e3
```
#73c1e3 rgb(115,193,227)
```
#83c8e6
```
#83c8e6 rgb(131,200,230)
```
#93cfe9
```
#93cfe9 rgb(147,207,233)
```
#a4d6ed
```
#a4d6ed rgb(164,214,237)
```
#b4def0
```
#b4def0 rgb(180,222,240)
```
#c4e5f3
```
#c4e5f3 rgb(196,229,243)
```
#d5ecf6
```
#d5ecf6 rgb(213,236,246)
```
#e5f3fa
```
#e5f3fa rgb(229,243,250)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

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

#92999c
```
#92999c rgb(146,153,156)
```
#8a9ca4
```
#8a9ca4 rgb(138,156,164)
```
#829fac
```
#829fac rgb(130,159,172)
```
#7aa2b4
```
#7aa2b4 rgb(122,162,180)
```
#72a5bc
```
#72a5bc rgb(114,165,188)
```
#6aa9c4
```
#6aa9c4 rgb(106,169,196)
```
#62accc
```
#62accc rgb(98,172,204)
```
#5aafd4
```
#5aafd4 rgb(90,175,212)
```
#52b2dc
```
#52b2dc rgb(82,178,220)
```
#4ab5e4
```
#4ab5e4 rgb(74,181,228)
```
#42b8ec
```
#42b8ec rgb(66,184,236)
```
#3abbf4
```
#3abbf4 rgb(58,187,244)
```
#32bffc
```
#32bffc rgb(50,191,252)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8c9fa7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0aad6 Protanopia 1% of men
#9aa9e2 Deuteranopia 1% of men
#4cbac7 Tritanopia 0.001% of the population

Trichromacy

#83add8 Protanomaly 1% of men, 0.01% of women
#80ace0 Deuteranomaly 6% of men, 0.4% of women
#4eb7cf Tritanomaly 0.01% of the population

#52b2dc hex color

#52b2dc Color Information

#52b2dc Color Conversion

Color Schemes with #52b2dc

Alternatives to #52b2dc

#52b2dc Preview

Shades and Tints of #52b2dc

Tones of #52b2dc

Color Blindness Simulator