#52b5bc hex color

In a RGB color space, hex #52b5bc is composed of 32.2% red, 71% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 3.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 184 degrees, a saturation of 44.2% and a lightness of 52.9%. #52b5bc color hex could be obtained by blending #a4ffff with #006b79. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 32
- G 71
- B 74
RGB color chart
- C 56
- M 4
- Y 0
- K 26
CMYK color chart

● #52b5bc color description : Moderate cyan.

The hexadecimal color #52b5bc has RGB values of R:82, G:181, B:188 and CMYK values of C:0.56, M:0.04, Y:0, K:0.26. Its decimal value is 5420476.

Hex triplet	52b5bc	`#52b5bc`
RGB Decimal	82, 181, 188	`rgb(82,181,188)`
RGB Percent	32.2, 71, 73.7	`rgb(32.2%,71%,73.7%)`
CMYK	56, 4, 0, 26
HSL	184°, 44.2, 52.9	`hsl(184,44.2%,52.9%)`
HSV (or HSB)	184°, 56.4, 73.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.366, -26.737, -12.329
XYZ	29.078, 38.47, 53.467
xyY	0.24, 0.318, 38.47
CIE-LCH	68.366, 29.443, 204.756
CIE-LUV	68.366, -40.973, -14.798
Hunter-Lab	62.024, -24.859, -7.693
Binary	01010010, 10110101, 10111100

#52b5bc
```
#52b5bc rgb(82,181,188)
```
#bc5952
```
#bc5952 rgb(188,89,82)
```

Complementary Color

#52bc8e
```
#52bc8e rgb(82,188,142)
```
#52b5bc
```
#52b5bc rgb(82,181,188)
```
#5280bc
```
#5280bc rgb(82,128,188)
```

Analogous Color

#bc8e52
```
#bc8e52 rgb(188,142,82)
```
#52b5bc
```
#52b5bc rgb(82,181,188)
```
#bc5280
```
#bc5280 rgb(188,82,128)
```

Split Complementary Color

#b5bc52
```
#b5bc52 rgb(181,188,82)
```
#52b5bc
```
#52b5bc rgb(82,181,188)
```
#bc52b5
```
#bc52b5 rgb(188,82,181)
```

Triadic Color

#52bc59
```
#52bc59 rgb(82,188,89)
```
#52b5bc
```
#52b5bc rgb(82,181,188)
```
#bc52b5
```
#bc52b5 rgb(188,82,181)
```
#bc5952
```
#bc5952 rgb(188,89,82)
```

Tetradic Color

#36868b
```
#36868b rgb(54,134,139)
```
#3d979e
```
#3d979e rgb(61,151,158)
```
#44a9b0
```
#44a9b0 rgb(68,169,176)
```
#52b5bc
```
#52b5bc rgb(82,181,188)
```
#64bdc3
```
#64bdc3 rgb(100,189,195)
```
#77c5ca
```
#77c5ca rgb(119,197,202)
```
#89cdd1
```
#89cdd1 rgb(137,205,209)
```

Monochromatic Color

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

#52bca9
```
#52bca9 rgb(82,188,169)
```
#52bcb1
```
#52bcb1 rgb(82,188,177)
```
#52bcba
```
#52bcba rgb(82,188,186)
```
#52b5bc
```
#52b5bc rgb(82,181,188)
```
#52acbc
```
#52acbc rgb(82,172,188)
```
#52a3bc
```
#52a3bc rgb(82,163,188)
```
#529bbc
```
#529bbc rgb(82,155,188)
```

Similar Colors

Text with hexadecimal color #52b5bc

This text has a font color of #52b5bc.

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

#52b5bc background color

This paragraph has a background color of #52b5bc.

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

#52b5bc border color

This element has a border color of #52b5bc.

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

CSS codes

.text {color:#52b5bc;}

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

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

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

#040a0b
```
#040a0b rgb(4,10,11)
```
#0a1819
```
#0a1819 rgb(10,24,25)
```
#0f2627
```
#0f2627 rgb(15,38,39)
```
#153335
```
#153335 rgb(21,51,53)
```
#1a4143
```
#1a4143 rgb(26,65,67)
```
#204e52
```
#204e52 rgb(32,78,82)
```
#255c60
```
#255c60 rgb(37,92,96)
```
#2b696e
```
#2b696e rgb(43,105,110)
```
#30777c
```
#30777c rgb(48,119,124)
```
#35848a
```
#35848a rgb(53,132,138)
```
#3b9298
```
#3b9298 rgb(59,146,152)
```
#40a0a6
```
#40a0a6 rgb(64,160,166)
```
#46adb4
```
#46adb4 rgb(70,173,180)
```

Shade Color Variation

#52b5bc
```
#52b5bc rgb(82,181,188)
```
#60bbc1
```
#60bbc1 rgb(96,187,193)
```
#6ec1c7
```
#6ec1c7 rgb(110,193,199)
```
#7cc7cc
```
#7cc7cc rgb(124,199,204)
```
#8bcdd2
```
#8bcdd2 rgb(139,205,210)
```
#99d3d7
```
#99d3d7 rgb(153,211,215)
```
#a7d9dd
```
#a7d9dd rgb(167,217,221)
```
#b5dfe2
```
#b5dfe2 rgb(181,223,226)
```
#c3e5e8
```
#c3e5e8 rgb(195,229,232)
```
#d1ebed
```
#d1ebed rgb(209,235,237)
```
#dff1f3
```
#dff1f3 rgb(223,241,243)
```
#eef8f8
```
#eef8f8 rgb(238,248,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808d8e is the less saturated color, while #11edfd is the most saturated one.

#808d8e
```
#808d8e rgb(128,141,142)
```
#779597
```
#779597 rgb(119,149,151)
```
#6e9da0
```
#6e9da0 rgb(110,157,160)
```
#64a5aa
```
#64a5aa rgb(100,165,170)
```
#5badb3
```
#5badb3 rgb(91,173,179)
```
#52b5bc
```
#52b5bc rgb(82,181,188)
```
#49bdc5
```
#49bdc5 rgb(73,189,197)
```
#40c5ce
```
#40c5ce rgb(64,197,206)
```
#36cdd8
```
#36cdd8 rgb(54,205,216)
```
#2dd5e1
```
#2dd5e1 rgb(45,213,225)
```
#24ddea
```
#24ddea rgb(36,221,234)
```
#1be5f3
```
#1be5f3 rgb(27,229,243)
```
#11edfd
```
#11edfd rgb(17,237,253)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#8a9e9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaaab7 Protanopia 1% of men
#ada7c5 Deuteranopia 1% of men
#5db7c5 Tritanopia 0.001% of the population

Trichromacy

#8aaeb8 Protanomaly 1% of men, 0.01% of women
#8cacc2 Deuteranomaly 6% of men, 0.4% of women
#59b6c1 Tritanomaly 0.01% of the population

#52b5bc hex color

#52b5bc Color Information

#52b5bc Color Conversion

Color Schemes with #52b5bc

Alternatives to #52b5bc

#52b5bc Preview

Shades and Tints of #52b5bc

Tones of #52b5bc

Color Blindness Simulator