#52b4a2 hex color

In a RGB color space, hex #52b4a2 is composed of 32.2% red, 70.6% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 0% magenta, 10% yellow and 29.4% black. It has a hue angle of 169 degrees, a saturation of 39.5% and a lightness of 51.4%. #52b4a2 color hex could be obtained by blending #a4ffff with #006945. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 32
- G 71
- B 64
RGB color chart
- C 54
- M 0
- Y 10
- K 29
CMYK color chart

● #52b4a2 color description : Moderate cyan.

The hexadecimal color #52b4a2 has RGB values of R:82, G:180, B:162 and CMYK values of C:0.54, M:0, Y:0.1, K:0.29. Its decimal value is 5420194.

Hex triplet	52b4a2	`#52b4a2`
RGB Decimal	82, 180, 162	`rgb(82,180,162)`
RGB Percent	32.2, 70.6, 63.5	`rgb(32.2%,70.6%,63.5%)`
CMYK	54, 0, 10, 29
HSL	169°, 39.5, 51.4	`hsl(169,39.5%,51.4%)`
HSV (or HSB)	169°, 54.4, 70.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	67.309, -33.189, 0.465
XYZ	26.32, 37.043, 39.943
xyY	0.255, 0.359, 37.043
CIE-LCH	67.309, 33.192, 179.198
CIE-LUV	67.309, -41.845, 5.873
Hunter-Lab	60.863, -29.317, 3.693
Binary	01010010, 10110100, 10100010

#52b4a2
```
#52b4a2 rgb(82,180,162)
```
#b45264
```
#b45264 rgb(180,82,100)
```

Complementary Color

#52b471
```
#52b471 rgb(82,180,113)
```
#52b4a2
```
#52b4a2 rgb(82,180,162)
```
#5295b4
```
#5295b4 rgb(82,149,180)
```

Analogous Color

#b47152
```
#b47152 rgb(180,113,82)
```
#52b4a2
```
#52b4a2 rgb(82,180,162)
```
#b45295
```
#b45295 rgb(180,82,149)
```

Split Complementary Color

#b4a252
```
#b4a252 rgb(180,162,82)
```
#52b4a2
```
#52b4a2 rgb(82,180,162)
```
#a252b4
```
#a252b4 rgb(162,82,180)
```

Triadic Color

#64b452
```
#64b452 rgb(100,180,82)
```
#52b4a2
```
#52b4a2 rgb(82,180,162)
```
#a252b4
```
#a252b4 rgb(162,82,180)
```
#b45264
```
#b45264 rgb(180,82,100)
```

Tetradic Color

#388174
```
#388174 rgb(56,129,116)
```
#409384
```
#409384 rgb(64,147,132)
```
#48a594
```
#48a594 rgb(72,165,148)
```
#52b4a2
```
#52b4a2 rgb(82,180,162)
```
#64bcac
```
#64bcac rgb(100,188,172)
```
#76c3b5
```
#76c3b5 rgb(118,195,181)
```
#87cbbf
```
#87cbbf rgb(135,203,191)
```

Monochromatic Color

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

#52b48a
```
#52b48a rgb(82,180,138)
```
#52b492
```
#52b492 rgb(82,180,146)
```
#52b49a
```
#52b49a rgb(82,180,154)
```
#52b4a2
```
#52b4a2 rgb(82,180,162)
```
#52b4aa
```
#52b4aa rgb(82,180,170)
```
#52b4b2
```
#52b4b2 rgb(82,180,178)
```
#52aeb4
```
#52aeb4 rgb(82,174,180)
```

Similar Colors

Text with hexadecimal color #52b4a2

This text has a font color of #52b4a2.

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

#52b4a2 background color

This paragraph has a background color of #52b4a2.

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

#52b4a2 border color

This element has a border color of #52b4a2.

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

CSS codes

.text {color:#52b4a2;}

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

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

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

#020504
```
#020504 rgb(2,5,4)
```
#081311
```
#081311 rgb(8,19,17)
```
#0e201d
```
#0e201d rgb(14,32,29)
```
#142e29
```
#142e29 rgb(20,46,41)
```
#1a3c35
```
#1a3c35 rgb(26,60,53)
```
#204942
```
#204942 rgb(32,73,66)
```
#26574e
```
#26574e rgb(38,87,78)
```
#2c655a
```
#2c655a rgb(44,101,90)
```
#327266
```
#327266 rgb(50,114,102)
```
#388073
```
#388073 rgb(56,128,115)
```
#3d8e7f
```
#3d8e7f rgb(61,142,127)
```
#439b8b
```
#439b8b rgb(67,155,139)
```
#49a997
```
#49a997 rgb(73,169,151)
```

Shade Color Variation

#52b4a2
```
#52b4a2 rgb(82,180,162)
```
#60baa9
```
#60baa9 rgb(96,186,169)
```
#6dc0b1
```
#6dc0b1 rgb(109,192,177)
```
#7bc6b8
```
#7bc6b8 rgb(123,198,184)
```
#89ccbf
```
#89ccbf rgb(137,204,191)
```
#96d2c7
```
#96d2c7 rgb(150,210,199)
```
#a4d8ce
```
#a4d8ce rgb(164,216,206)
```
#b2ded5
```
#b2ded5 rgb(178,222,213)
```
#bfe3dd
```
#bfe3dd rgb(191,227,221)
```
#cde9e4
```
#cde9e4 rgb(205,233,228)
```
#dbefec
```
#dbefec rgb(219,239,236)
```
#e9f5f3
```
#e9f5f3 rgb(233,245,243)
```
#f6fbfa
```
#f6fbfa rgb(246,251,250)
```

Tint Color Variation

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

#828484
```
#828484 rgb(130,132,132)
```
#788e8a
```
#788e8a rgb(120,142,138)
```
#6f9790
```
#6f9790 rgb(111,151,144)
```
#65a196
```
#65a196 rgb(101,161,150)
```
#5caa9c
```
#5caa9c rgb(92,170,156)
```
#52b4a2
```
#52b4a2 rgb(82,180,162)
```
#48bea8
```
#48bea8 rgb(72,190,168)
```
#3fc7ae
```
#3fc7ae rgb(63,199,174)
```
#35d1b4
```
#35d1b4 rgb(53,209,180)
```
#2cdaba
```
#2cdaba rgb(44,218,186)
```
#22e4c0
```
#22e4c0 rgb(34,228,192)
```
#19edc6
```
#19edc6 rgb(25,237,198)
```
#0ff7cc
```
#0ff7cc rgb(15,247,204)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#889b98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada79e Protanopia 1% of men
#b5a3ad Deuteranopia 1% of men
#66b3c1 Tritanopia 0.001% of the population

Trichromacy

#8cac9f Protanomaly 1% of men, 0.01% of women
#91a9a9 Deuteranomaly 6% of men, 0.4% of women
#5eb3b5 Tritanomaly 0.01% of the population

#52b4a2 hex color

#52b4a2 Color Information

#52b4a2 Color Conversion

Color Schemes with #52b4a2

Alternatives to #52b4a2

#52b4a2 Preview

Shades and Tints of #52b4a2

Tones of #52b4a2

Color Blindness Simulator