#52bdcc hex color

In a RGB color space, hex #52bdcc is composed of 32.2% red, 74.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 59.8% cyan, 7.4% magenta, 0% yellow and 20% black. It has a hue angle of 187.4 degrees, a saturation of 54.5% and a lightness of 56.1%. #52bdcc color hex could be obtained by blending #a4ffff with #007b99. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 32
- G 74
- B 80
RGB color chart
- C 60
- M 7
- Y 0
- K 20
CMYK color chart

● #52bdcc color description : Moderate cyan.

The hexadecimal color #52bdcc has RGB values of R:82, G:189, B:204 and CMYK values of C:0.6, M:0.07, Y:0, K:0.2. Its decimal value is 5422540.

Hex triplet	52bdcc	`#52bdcc`
RGB Decimal	82, 189, 204	`rgb(82,189,204)`
RGB Percent	32.2, 74.1, 80	`rgb(32.2%,74.1%,80%)`
CMYK	60, 7, 0, 20
HSL	187.4°, 54.5, 56.1	`hsl(187.4,54.5%,56.1%)`
HSV (or HSB)	187.4°, 59.8, 80
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.246, -26.159, -16.777
XYZ	32.573, 42.546, 63.619
xyY	0.235, 0.307, 42.546
CIE-LCH	71.246, 31.077, 212.674
CIE-LUV	71.246, -43.18, -22.159
Hunter-Lab	65.227, -25.008, -12.169
Binary	01010010, 10111101, 11001100

#52bdcc
```
#52bdcc rgb(82,189,204)
```
#cc6152
```
#cc6152 rgb(204,97,82)
```

Complementary Color

#52cc9e
```
#52cc9e rgb(82,204,158)
```
#52bdcc
```
#52bdcc rgb(82,189,204)
```
#5280cc
```
#5280cc rgb(82,128,204)
```

Analogous Color

#cc9e52
```
#cc9e52 rgb(204,158,82)
```
#52bdcc
```
#52bdcc rgb(82,189,204)
```
#cc5280
```
#cc5280 rgb(204,82,128)
```

Split Complementary Color

#bdcc52
```
#bdcc52 rgb(189,204,82)
```
#52bdcc
```
#52bdcc rgb(82,189,204)
```
#cc52bd
```
#cc52bd rgb(204,82,189)
```

Triadic Color

#52cc61
```
#52cc61 rgb(82,204,97)
```
#52bdcc
```
#52bdcc rgb(82,189,204)
```
#cc52bd
```
#cc52bd rgb(204,82,189)
```
#cc6152
```
#cc6152 rgb(204,97,82)
```

Tetradic Color

#3094a2
```
#3094a2 rgb(48,148,162)
```
#36a6b5
```
#36a6b5 rgb(54,166,181)
```
#3eb5c6
```
#3eb5c6 rgb(62,181,198)
```
#52bdcc
```
#52bdcc rgb(82,189,204)
```
#66c5d2
```
#66c5d2 rgb(102,197,210)
```
#79ccd8
```
#79ccd8 rgb(121,204,216)
```
#8dd4dd
```
#8dd4dd rgb(141,212,221)
```

Monochromatic Color

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

#52ccbd
```
#52ccbd rgb(82,204,189)
```
#52ccc7
```
#52ccc7 rgb(82,204,199)
```
#52c7cc
```
#52c7cc rgb(82,199,204)
```
#52bdcc
```
#52bdcc rgb(82,189,204)
```
#52b3cc
```
#52b3cc rgb(82,179,204)
```
#52a9cc
```
#52a9cc rgb(82,169,204)
```
#529fcc
```
#529fcc rgb(82,159,204)
```

Similar Colors

Text with hexadecimal color #52bdcc

This text has a font color of #52bdcc.

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

#52bdcc background color

This paragraph has a background color of #52bdcc.

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

#52bdcc border color

This element has a border color of #52bdcc.

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

CSS codes

.text {color:#52bdcc;}

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

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

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

#030809
```
#030809 rgb(3,8,9)
```
#071618
```
#071618 rgb(7,22,24)
```
#0c2427
```
#0c2427 rgb(12,36,39)
```
#103236
```
#103236 rgb(16,50,54)
```
#143f45
```
#143f45 rgb(20,63,69)
```
#194d55
```
#194d55 rgb(25,77,85)
```
#1d5b64
```
#1d5b64 rgb(29,91,100)
```
#226973
```
#226973 rgb(34,105,115)
```
#267782
```
#267782 rgb(38,119,130)
```
#2b8591
```
#2b8591 rgb(43,133,145)
```
#2f92a0
```
#2f92a0 rgb(47,146,160)
```
#34a0af
```
#34a0af rgb(52,160,175)
```
#38aebf
```
#38aebf rgb(56,174,191)
```

Shade Color Variation

#43b7c8
```
#43b7c8 rgb(67,183,200)
```
#52bdcc
```
#52bdcc rgb(82,189,204)
```
#61c3d0
```
#61c3d0 rgb(97,195,208)
```
#70c9d5
```
#70c9d5 rgb(112,201,213)
```
#7fced9
```
#7fced9 rgb(127,206,217)
```
#8fd4de
```
#8fd4de rgb(143,212,222)
```
#9edae2
```
#9edae2 rgb(158,218,226)
```
#ade0e7
```
#ade0e7 rgb(173,224,231)
```
#bce5eb
```
#bce5eb rgb(188,229,235)
```
#cbebf0
```
#cbebf0 rgb(203,235,240)
```
#daf1f4
```
#daf1f4 rgb(218,241,244)
```
#e9f7f9
```
#e9f7f9 rgb(233,247,249)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#8e9090
```
#8e9090 rgb(142,144,144)
```
#869698
```
#869698 rgb(134,150,152)
```
#7d9da1
```
#7d9da1 rgb(125,157,161)
```
#74a3aa
```
#74a3aa rgb(116,163,170)
```
#6caab2
```
#6caab2 rgb(108,170,178)
```
#63b0bb
```
#63b0bb rgb(99,176,187)
```
#5bb7c3
```
#5bb7c3 rgb(91,183,195)
```
#52bdcc
```
#52bdcc rgb(82,189,204)
```
#49c3d5
```
#49c3d5 rgb(73,195,213)
```
#41cadd
```
#41cadd rgb(65,202,221)
```
#38d0e6
```
#38d0e6 rgb(56,208,230)
```
#30d7ee
```
#30d7ee rgb(48,215,238)
```
#27ddf7
```
#27ddf7 rgb(39,221,247)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#90a5a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb1c5 Protanopia 1% of men
#b1afd5 Deuteranopia 1% of men
#5ac0ce Tritanopia 0.001% of the population

Trichromacy

#8db5c8 Protanomaly 1% of men, 0.01% of women
#8eb4d1 Deuteranomaly 6% of men, 0.4% of women
#57bfcd Tritanomaly 0.01% of the population

#52bdcc hex color

#52bdcc Color Information

#52bdcc Color Conversion

Color Schemes with #52bdcc

Alternatives to #52bdcc

#52bdcc Preview

Shades and Tints of #52bdcc

Tones of #52bdcc

Color Blindness Simulator