#52b3a6 hex color

In a RGB color space, hex #52b3a6 is composed of 32.2% red, 70.2% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 54.2% cyan, 0% magenta, 7.3% yellow and 29.8% black. It has a hue angle of 172 degrees, a saturation of 39% and a lightness of 51.2%. #52b3a6 color hex could be obtained by blending #a4ffff with #00674d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 32
- G 70
- B 65
RGB color chart
- C 54
- M 0
- Y 7
- K 30
CMYK color chart

● #52b3a6 color description : Moderate cyan.

The hexadecimal color #52b3a6 has RGB values of R:82, G:179, B:166 and CMYK values of C:0.54, M:0, Y:0.07, K:0.3. Its decimal value is 5419942.

Hex triplet	52b3a6	`#52b3a6`
RGB Decimal	82, 179, 166	`rgb(82,179,166)`
RGB Percent	32.2, 70.2, 65.1	`rgb(32.2%,70.2%,65.1%)`
CMYK	54, 0, 7, 30
HSL	172°, 39, 51.2	`hsl(172,39%,51.2%)`
HSV (or HSB)	172°, 54.2, 70.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	67.116, -31.694, -2.03
XYZ	26.481, 36.785, 41.779
xyY	0.252, 0.35, 36.785
CIE-LCH	67.116, 31.759, 183.664
CIE-LUV	67.116, -41.266, 1.919
Hunter-Lab	60.651, -28.205, 1.614
Binary	01010010, 10110011, 10100110

#52b3a6
```
#52b3a6 rgb(82,179,166)
```
#b3525f
```
#b3525f rgb(179,82,95)
```

Complementary Color

#52b376
```
#52b376 rgb(82,179,118)
```
#52b3a6
```
#52b3a6 rgb(82,179,166)
```
#5290b3
```
#5290b3 rgb(82,144,179)
```

Analogous Color

#b37652
```
#b37652 rgb(179,118,82)
```
#52b3a6
```
#52b3a6 rgb(82,179,166)
```
#b35290
```
#b35290 rgb(179,82,144)
```

Split Complementary Color

#b3a652
```
#b3a652 rgb(179,166,82)
```
#52b3a6
```
#52b3a6 rgb(82,179,166)
```
#a652b3
```
#a652b3 rgb(166,82,179)
```

Triadic Color

#5fb352
```
#5fb352 rgb(95,179,82)
```
#52b3a6
```
#52b3a6 rgb(82,179,166)
```
#a652b3
```
#a652b3 rgb(166,82,179)
```
#b3525f
```
#b3525f rgb(179,82,95)
```

Tetradic Color

#388077
```
#388077 rgb(56,128,119)
```
#409287
```
#409287 rgb(64,146,135)
```
#48a497
```
#48a497 rgb(72,164,151)
```
#52b3a6
```
#52b3a6 rgb(82,179,166)
```
#64bbaf
```
#64bbaf rgb(100,187,175)
```
#75c3b8
```
#75c3b8 rgb(117,195,184)
```
#87cac1
```
#87cac1 rgb(135,202,193)
```

Monochromatic Color

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

#52b38e
```
#52b38e rgb(82,179,142)
```
#52b396
```
#52b396 rgb(82,179,150)
```
#52b39e
```
#52b39e rgb(82,179,158)
```
#52b3a6
```
#52b3a6 rgb(82,179,166)
```
#52b3ae
```
#52b3ae rgb(82,179,174)
```
#52b0b3
```
#52b0b3 rgb(82,176,179)
```
#52a8b3
```
#52a8b3 rgb(82,168,179)
```

Similar Colors

Text with hexadecimal color #52b3a6

This text has a font color of #52b3a6.

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

#52b3a6 background color

This paragraph has a background color of #52b3a6.

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

#52b3a6 border color

This element has a border color of #52b3a6.

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

CSS codes

.text {color:#52b3a6;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#081210
```
#081210 rgb(8,18,16)
```
#0e1f1d
```
#0e1f1d rgb(14,31,29)
```
#142d2a
```
#142d2a rgb(20,45,42)
```
#1a3b36
```
#1a3b36 rgb(26,59,54)
```
#204843
```
#204843 rgb(32,72,67)
```
#26564f
```
#26564f rgb(38,86,79)
```
#2c645c
```
#2c645c rgb(44,100,92)
```
#327169
```
#327169 rgb(50,113,105)
```
#387f75
```
#387f75 rgb(56,127,117)
```
#3e8c82
```
#3e8c82 rgb(62,140,130)
```
#449a8f
```
#449a8f rgb(68,154,143)
```
#4aa89b
```
#4aa89b rgb(74,168,155)
```

Shade Color Variation

#52b3a6
```
#52b3a6 rgb(82,179,166)
```
#60b9ad
```
#60b9ad rgb(96,185,173)
```
#6dbfb4
```
#6dbfb4 rgb(109,191,180)
```
#7bc5bb
```
#7bc5bb rgb(123,197,187)
```
#89cbc2
```
#89cbc2 rgb(137,203,194)
```
#96d1c9
```
#96d1c9 rgb(150,209,201)
```
#a4d7d0
```
#a4d7d0 rgb(164,215,208)
```
#b1ddd7
```
#b1ddd7 rgb(177,221,215)
```
#bfe3de
```
#bfe3de rgb(191,227,222)
```
#cde9e5
```
#cde9e5 rgb(205,233,229)
```
#daefec
```
#daefec rgb(218,239,236)
```
#e8f5f3
```
#e8f5f3 rgb(232,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, #828383 is the less saturated color, while #0ff6d7 is the most saturated one.

#828383
```
#828383 rgb(130,131,131)
```
#788d8a
```
#788d8a rgb(120,141,138)
```
#6f9691
```
#6f9691 rgb(111,150,145)
```
#65a098
```
#65a098 rgb(101,160,152)
```
#5ca99f
```
#5ca99f rgb(92,169,159)
```
#52b3a6
```
#52b3a6 rgb(82,179,166)
```
#48bdad
```
#48bdad rgb(72,189,173)
```
#3fc6b4
```
#3fc6b4 rgb(63,198,180)
```
#35d0bb
```
#35d0bb rgb(53,208,187)
```
#2cd9c2
```
#2cd9c2 rgb(44,217,194)
```
#22e3c9
```
#22e3c9 rgb(34,227,201)
```
#19ecd0
```
#19ecd0 rgb(25,236,208)
```
#0ff6d7
```
#0ff6d7 rgb(15,246,215)
```

Tone Color Variation

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

#aca7a2 Protanopia 1% of men
#b3a3b1 Deuteranopia 1% of men
#64b3c0 Tritanopia 0.001% of the population

Trichromacy

#8baba3 Protanomaly 1% of men, 0.01% of women
#8fa9ad Deuteranomaly 6% of men, 0.4% of women
#5db3b6 Tritanomaly 0.01% of the population

#52b3a6 hex color

#52b3a6 Color Information

#52b3a6 Color Conversion

Color Schemes with #52b3a6

Alternatives to #52b3a6

#52b3a6 Preview

Shades and Tints of #52b3a6

Tones of #52b3a6

Color Blindness Simulator