#52b6a1 hex color

In a RGB color space, hex #52b6a1 is composed of 32.2% red, 71.4% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 0% magenta, 11.5% yellow and 28.6% black. It has a hue angle of 167.4 degrees, a saturation of 40.7% and a lightness of 51.8%. #52b6a1 color hex could be obtained by blending #a4ffff with #006d43. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 32
- G 71
- B 63
RGB color chart
- C 55
- M 0
- Y 12
- K 29
CMYK color chart

● #52b6a1 color description : Moderate cyan.

The hexadecimal color #52b6a1 has RGB values of R:82, G:182, B:161 and CMYK values of C:0.55, M:0, Y:0.12, K:0.29. Its decimal value is 5420705.

Hex triplet	52b6a1	`#52b6a1`
RGB Decimal	82, 182, 161	`rgb(82,182,161)`
RGB Percent	32.2, 71.4, 63.1	`rgb(32.2%,71.4%,63.1%)`
CMYK	55, 0, 12, 29
HSL	167.4°, 40.7, 51.8	`hsl(167.4,40.7%,51.8%)`
HSV (or HSB)	167.4°, 54.9, 71.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	67.888, -34.377, 1.859
XYZ	26.639, 37.821, 39.613
xyY	0.256, 0.363, 37.821
CIE-LCH	67.888, 34.428, 176.904
CIE-LUV	67.888, -42.672, 8.126
Hunter-Lab	61.499, -30.304, 4.859
Binary	01010010, 10110110, 10100001

#52b6a1
```
#52b6a1 rgb(82,182,161)
```
#b65267
```
#b65267 rgb(182,82,103)
```

Complementary Color

#52b66f
```
#52b66f rgb(82,182,111)
```
#52b6a1
```
#52b6a1 rgb(82,182,161)
```
#5299b6
```
#5299b6 rgb(82,153,182)
```

Analogous Color

#b66f52
```
#b66f52 rgb(182,111,82)
```
#52b6a1
```
#52b6a1 rgb(82,182,161)
```
#b65299
```
#b65299 rgb(182,82,153)
```

Split Complementary Color

#b6a152
```
#b6a152 rgb(182,161,82)
```
#52b6a1
```
#52b6a1 rgb(82,182,161)
```
#a152b6
```
#a152b6 rgb(161,82,182)
```

Triadic Color

#67b652
```
#67b652 rgb(103,182,82)
```
#52b6a1
```
#52b6a1 rgb(82,182,161)
```
#a152b6
```
#a152b6 rgb(161,82,182)
```
#b65267
```
#b65267 rgb(182,82,103)
```

Tetradic Color

#388474
```
#388474 rgb(56,132,116)
```
#3f9684
```
#3f9684 rgb(63,150,132)
```
#47a893
```
#47a893 rgb(71,168,147)
```
#52b6a1
```
#52b6a1 rgb(82,182,161)
```
#64beab
```
#64beab rgb(100,190,171)
```
#76c5b4
```
#76c5b4 rgb(118,197,180)
```
#88cdbe
```
#88cdbe rgb(136,205,190)
```

Monochromatic Color

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

#52b688
```
#52b688 rgb(82,182,136)
```
#52b690
```
#52b690 rgb(82,182,144)
```
#52b699
```
#52b699 rgb(82,182,153)
```
#52b6a1
```
#52b6a1 rgb(82,182,161)
```
#52b6a9
```
#52b6a9 rgb(82,182,169)
```
#52b6b2
```
#52b6b2 rgb(82,182,178)
```
#52b2b6
```
#52b2b6 rgb(82,178,182)
```

Similar Colors

Text with hexadecimal color #52b6a1

This text has a font color of #52b6a1.

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

#52b6a1 background color

This paragraph has a background color of #52b6a1.

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

#52b6a1 border color

This element has a border color of #52b6a1.

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

CSS codes

.text {color:#52b6a1;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#081412
```
#081412 rgb(8,20,18)
```
#0e221e
```
#0e221e rgb(14,34,30)
```
#14302a
```
#14302a rgb(20,48,42)
```
#1a3e36
```
#1a3e36 rgb(26,62,54)
```
#204b42
```
#204b42 rgb(32,75,66)
```
#26594e
```
#26594e rgb(38,89,78)
```
#2b675a
```
#2b675a rgb(43,103,90)
```
#317567
```
#317567 rgb(49,117,103)
```
#378273
```
#378273 rgb(55,130,115)
```
#3d907f
```
#3d907f rgb(61,144,127)
```
#439e8b
```
#439e8b rgb(67,158,139)
```
#49ac97
```
#49ac97 rgb(73,172,151)
```

Shade Color Variation

#52b6a1
```
#52b6a1 rgb(82,182,161)
```
#60bca8
```
#60bca8 rgb(96,188,168)
```
#6ec2b0
```
#6ec2b0 rgb(110,194,176)
```
#7bc7b7
```
#7bc7b7 rgb(123,199,183)
```
#89cdbf
```
#89cdbf rgb(137,205,191)
```
#97d3c6
```
#97d3c6 rgb(151,211,198)
```
#a5d9ce
```
#a5d9ce rgb(165,217,206)
```
#b3dfd5
```
#b3dfd5 rgb(179,223,213)
```
#c0e5dd
```
#c0e5dd rgb(192,229,221)
```
#ceeae4
```
#ceeae4 rgb(206,234,228)
```
#dcf0ec
```
#dcf0ec rgb(220,240,236)
```
#eaf6f3
```
#eaf6f3 rgb(234,246,243)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818786 is the less saturated color, while #10f8c7 is the most saturated one.

#818786
```
#818786 rgb(129,135,134)
```
#78908b
```
#78908b rgb(120,144,139)
```
#6e9a91
```
#6e9a91 rgb(110,154,145)
```
#65a396
```
#65a396 rgb(101,163,150)
```
#5bad9c
```
#5bad9c rgb(91,173,156)
```
#52b6a1
```
#52b6a1 rgb(82,182,161)
```
#49bfa6
```
#49bfa6 rgb(73,191,166)
```
#3fc9ac
```
#3fc9ac rgb(63,201,172)
```
#36d2b1
```
#36d2b1 rgb(54,210,177)
```
#2cdcb7
```
#2cdcb7 rgb(44,220,183)
```
#23e5bc
```
#23e5bc rgb(35,229,188)
```
#19efc2
```
#19efc2 rgb(25,239,194)
```
#10f8c7
```
#10f8c7 rgb(16,248,199)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#889c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa99d Protanopia 1% of men
#b8a5ad Deuteranopia 1% of men
#67b5c2 Tritanopia 0.001% of the population

Trichromacy

#8dae9e Protanomaly 1% of men, 0.01% of women
#93aba8 Deuteranomaly 6% of men, 0.4% of women
#5fb5b6 Tritanomaly 0.01% of the population

#52b6a1 hex color

#52b6a1 Color Information

#52b6a1 Color Conversion

Color Schemes with #52b6a1

Alternatives to #52b6a1

#52b6a1 Preview

Shades and Tints of #52b6a1

Tones of #52b6a1

Color Blindness Simulator