#52b2d2 hex color

In a RGB color space, hex #52b2d2 is composed of 32.2% red, 69.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 61% cyan, 15.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 195 degrees, a saturation of 58.7% and a lightness of 57.3%. #52b2d2 color hex could be obtained by blending #a4ffff with #0065a5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 70
- B 82
RGB color chart
- C 61
- M 15
- Y 0
- K 18
CMYK color chart

● #52b2d2 color description : Moderate blue.

The hexadecimal color #52b2d2 has RGB values of R:82, G:178, B:210 and CMYK values of C:0.61, M:0.15, Y:0, K:0.18. Its decimal value is 5419730.

Hex triplet	52b2d2	`#52b2d2`
RGB Decimal	82, 178, 210	`rgb(82,178,210)`
RGB Percent	32.2, 69.8, 82.4	`rgb(32.2%,69.8%,82.4%)`
CMYK	61, 15, 0, 18
HSL	195°, 58.7, 57.3	`hsl(195,58.7%,57.3%)`
HSV (or HSB)	195°, 61, 82.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.23, -18.778, -24.653
XYZ	31.03, 38.285, 66.724
xyY	0.228, 0.281, 38.285
CIE-LCH	68.23, 30.99, 232.704
CIE-LUV	68.23, -38.803, -35.974
Hunter-Lab	61.875, -18.766, -20.623
Binary	01010010, 10110010, 11010010

#52b2d2
```
#52b2d2 rgb(82,178,210)
```
#d27252
```
#d27252 rgb(210,114,82)
```

Complementary Color

#52d2b2
```
#52d2b2 rgb(82,210,178)
```
#52b2d2
```
#52b2d2 rgb(82,178,210)
```
#5272d2
```
#5272d2 rgb(82,114,210)
```

Analogous Color

#d2b252
```
#d2b252 rgb(210,178,82)
```
#52b2d2
```
#52b2d2 rgb(82,178,210)
```
#d25272
```
#d25272 rgb(210,82,114)
```

Split Complementary Color

#b2d252
```
#b2d252 rgb(178,210,82)
```
#52b2d2
```
#52b2d2 rgb(82,178,210)
```
#d252b2
```
#d252b2 rgb(210,82,178)
```

Triadic Color

#52d272
```
#52d272 rgb(82,210,114)
```
#52b2d2
```
#52b2d2 rgb(82,178,210)
```
#d252b2
```
#d252b2 rgb(210,82,178)
```
#d27252
```
#d27252 rgb(210,114,82)
```

Tetradic Color

#2c8bab
```
#2c8bab rgb(44,139,171)
```
#329cbf
```
#329cbf rgb(50,156,191)
```
#3ea9cd
```
#3ea9cd rgb(62,169,205)
```
#52b2d2
```
#52b2d2 rgb(82,178,210)
```
#66bbd7
```
#66bbd7 rgb(102,187,215)
```
#7ac4dd
```
#7ac4dd rgb(122,196,221)
```
#8fcde2
```
#8fcde2 rgb(143,205,226)
```

Monochromatic Color

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

#52d2d2
```
#52d2d2 rgb(82,210,210)
```
#52c7d2
```
#52c7d2 rgb(82,199,210)
```
#52bdd2
```
#52bdd2 rgb(82,189,210)
```
#52b2d2
```
#52b2d2 rgb(82,178,210)
```
#52a7d2
```
#52a7d2 rgb(82,167,210)
```
#529dd2
```
#529dd2 rgb(82,157,210)
```
#5292d2
```
#5292d2 rgb(82,146,210)
```

Similar Colors

Text with hexadecimal color #52b2d2

This text has a font color of #52b2d2.

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

#52b2d2 background color

This paragraph has a background color of #52b2d2.

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

#52b2d2 border color

This element has a border color of #52b2d2.

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

CSS codes

.text {color:#52b2d2;}

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

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

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, #040b0e is the darkest color, while #fdfeff is the lightest one.

#040b0e
```
#040b0e rgb(4,11,14)
```
#08181d
```
#08181d rgb(8,24,29)
```
#0c252d
```
#0c252d rgb(12,37,45)
```
#10313c
```
#10313c rgb(16,49,60)
```
#143e4c
```
#143e4c rgb(20,62,76)
```
#184b5c
```
#184b5c rgb(24,75,92)
```
#1c576b
```
#1c576b rgb(28,87,107)
```
#20647b
```
#20647b rgb(32,100,123)
```
#24718a
```
#24718a rgb(36,113,138)
```
#287d9a
```
#287d9a rgb(40,125,154)
```
#2c8aa9
```
#2c8aa9 rgb(44,138,169)
```
#3097b9
```
#3097b9 rgb(48,151,185)
```
#34a3c9
```
#34a3c9 rgb(52,163,201)
```

Shade Color Variation

#42abce
```
#42abce rgb(66,171,206)
```
#52b2d2
```
#52b2d2 rgb(82,178,210)
```
#62b9d6
```
#62b9d6 rgb(98,185,214)
```
#71c0da
```
#71c0da rgb(113,192,218)
```
#81c7de
```
#81c7de rgb(129,199,222)
```
#90cee2
```
#90cee2 rgb(144,206,226)
```
#a0d5e6
```
#a0d5e6 rgb(160,213,230)
```
#afdcea
```
#afdcea rgb(175,220,234)
```
#bfe2ee
```
#bfe2ee rgb(191,226,238)
```
#cfe9f2
```
#cfe9f2 rgb(207,233,242)
```
#def0f6
```
#def0f6 rgb(222,240,246)
```
#eef7fa
```
#eef7fa rgb(238,247,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9597 is the less saturated color, while #28c7fc is the most saturated one.

#8d9597
```
#8d9597 rgb(141,149,151)
```
#8499a0
```
#8499a0 rgb(132,153,160)
```
#7c9da8
```
#7c9da8 rgb(124,157,168)
```
#74a1b0
```
#74a1b0 rgb(116,161,176)
```
#6ba5b9
```
#6ba5b9 rgb(107,165,185)
```
#63aac1
```
#63aac1 rgb(99,170,193)
```
#5aaeca
```
#5aaeca rgb(90,174,202)
```
#52b2d2
```
#52b2d2 rgb(82,178,210)
```
#4ab6da
```
#4ab6da rgb(74,182,218)
```
#41bae3
```
#41bae3 rgb(65,186,227)
```
#39bfeb
```
#39bfeb rgb(57,191,235)
```
#30c3f4
```
#30c3f4 rgb(48,195,244)
```
#28c7fc
```
#28c7fc rgb(40,199,252)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8b9ea4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2a9cc Protanopia 1% of men
#a0a8d9 Deuteranopia 1% of men
#52b8c6 Tritanopia 0.001% of the population

Trichromacy

#85acce Protanomaly 1% of men, 0.01% of women
#83abd6 Deuteranomaly 6% of men, 0.4% of women
#52b6ca Tritanomaly 0.01% of the population

#52b2d2 hex color

#52b2d2 Color Information

#52b2d2 Color Conversion

Color Schemes with #52b2d2

Alternatives to #52b2d2

#52b2d2 Preview

Shades and Tints of #52b2d2

Tones of #52b2d2

Color Blindness Simulator