#52a69d hex color

In a RGB color space, hex #52a69d is composed of 32.2% red, 65.1% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 0% magenta, 5.4% yellow and 34.9% black. It has a hue angle of 173.6 degrees, a saturation of 33.9% and a lightness of 48.6%. #52a69d color hex could be obtained by blending #a4ffff with #004d3b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 32
- G 65
- B 62
RGB color chart
- C 51
- M 0
- Y 5
- K 35
CMYK color chart

● #52a69d color description : Dark moderate cyan.

The hexadecimal color #52a69d has RGB values of R:82, G:166, B:157 and CMYK values of C:0.51, M:0, Y:0.05, K:0.35. Its decimal value is 5416605.

Hex triplet	52a69d	`#52a69d`
RGB Decimal	82, 166, 157	`rgb(82,166,157)`
RGB Percent	32.2, 65.1, 61.6	`rgb(32.2%,65.1%,61.6%)`
CMYK	51, 0, 5, 35
HSL	173.6°, 33.9, 48.6	`hsl(173.6,33.9%,48.6%)`
HSV (or HSB)	173.6°, 50.6, 65.1
Web Safe	669999	`#669999`

CIE-LAB	62.927, -27.723, -3.175
XYZ	23.2, 31.499, 36.754
xyY	0.254, 0.344, 31.499
CIE-LCH	62.927, 27.904, 186.532
CIE-LUV	62.927, -36.56, -0.399
Hunter-Lab	56.124, -24.431, 0.46
Binary	01010010, 10100110, 10011101

#52a69d
```
#52a69d rgb(82,166,157)
```
#a6525b
```
#a6525b rgb(166,82,91)
```

Complementary Color

#52a673
```
#52a673 rgb(82,166,115)
```
#52a69d
```
#52a69d rgb(82,166,157)
```
#5285a6
```
#5285a6 rgb(82,133,166)
```

Analogous Color

#a67352
```
#a67352 rgb(166,115,82)
```
#52a69d
```
#52a69d rgb(82,166,157)
```
#a65285
```
#a65285 rgb(166,82,133)
```

Split Complementary Color

#a69d52
```
#a69d52 rgb(166,157,82)
```
#52a69d
```
#52a69d rgb(82,166,157)
```
#9d52a6
```
#9d52a6 rgb(157,82,166)
```

Triadic Color

#5ba652
```
#5ba652 rgb(91,166,82)
```
#52a69d
```
#52a69d rgb(82,166,157)
```
#9d52a6
```
#9d52a6 rgb(157,82,166)
```
#a6525b
```
#a6525b rgb(166,82,91)
```

Tetradic Color

#39736d
```
#39736d rgb(57,115,109)
```
#41847d
```
#41847d rgb(65,132,125)
```
#4a958d
```
#4a958d rgb(74,149,141)
```
#52a69d
```
#52a69d rgb(82,166,157)
```
#61b1a8
```
#61b1a8 rgb(97,177,168)
```
#72b9b2
```
#72b9b2 rgb(114,185,178)
```
#83c2bb
```
#83c2bb rgb(131,194,187)
```

Monochromatic Color

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

#52a688
```
#52a688 rgb(82,166,136)
```
#52a68f
```
#52a68f rgb(82,166,143)
```
#52a696
```
#52a696 rgb(82,166,150)
```
#52a69d
```
#52a69d rgb(82,166,157)
```
#52a6a4
```
#52a6a4 rgb(82,166,164)
```
#52a1a6
```
#52a1a6 rgb(82,161,166)
```
#529aa6
```
#529aa6 rgb(82,154,166)
```

Similar Colors

Text with hexadecimal color #52a69d

This text has a font color of #52a69d.

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

#52a69d background color

This paragraph has a background color of #52a69d.

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

#52a69d border color

This element has a border color of #52a69d.

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

CSS codes

.text {color:#52a69d;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0b1614
```
#0b1614 rgb(11,22,20)
```
#112321
```
#112321 rgb(17,35,33)
```
#18302d
```
#18302d rgb(24,48,45)
```
#1e3d3a
```
#1e3d3a rgb(30,61,58)
```
#254a46
```
#254a46 rgb(37,74,70)
```
#2b5752
```
#2b5752 rgb(43,87,82)
```
#32645f
```
#32645f rgb(50,100,95)
```
#38716b
```
#38716b rgb(56,113,107)
```
#3f7f78
```
#3f7f78 rgb(63,127,120)
```
#458c84
```
#458c84 rgb(69,140,132)
```
#4c9991
```
#4c9991 rgb(76,153,145)
```
#52a69d
```
#52a69d rgb(82,166,157)
```

Shade Color Variation

#5dafa6
```
#5dafa6 rgb(93,175,166)
```
#6ab5ad
```
#6ab5ad rgb(106,181,173)
```
#77bcb4
```
#77bcb4 rgb(119,188,180)
```
#84c2bc
```
#84c2bc rgb(132,194,188)
```
#91c9c3
```
#91c9c3 rgb(145,201,195)
```
#9ecfca
```
#9ecfca rgb(158,207,202)
```
#acd6d1
```
#acd6d1 rgb(172,214,209)
```
#b9dcd8
```
#b9dcd8 rgb(185,220,216)
```
#c6e3e0
```
#c6e3e0 rgb(198,227,224)
```
#d3e9e7
```
#d3e9e7 rgb(211,233,231)
```
#e0f0ee
```
#e0f0ee rgb(224,240,238)
```
#edf6f5
```
#edf6f5 rgb(237,246,245)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78807f is the less saturated color, while #06f2d9 is the most saturated one.

#78807f
```
#78807f rgb(120,128,127)
```
#6f8987
```
#6f8987 rgb(111,137,135)
```
#65938e
```
#65938e rgb(101,147,142)
```
#5c9c96
```
#5c9c96 rgb(92,156,150)
```
#52a69d
```
#52a69d rgb(82,166,157)
```
#48b0a4
```
#48b0a4 rgb(72,176,164)
```
#3fb9ac
```
#3fb9ac rgb(63,185,172)
```
#35c3b3
```
#35c3b3 rgb(53,195,179)
```
#2cccbb
```
#2cccbb rgb(44,204,187)
```
#22d6c2
```
#22d6c2 rgb(34,214,194)
```
#19dfca
```
#19dfca rgb(25,223,202)
```
#0fe9d1
```
#0fe9d1 rgb(15,233,209)
```
#06f2d9
```
#06f2d9 rgb(6,242,217)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#80918f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09c9a Protanopia 1% of men
#a799a8 Deuteranopia 1% of men
#62a7b4 Tritanopia 0.001% of the population

Trichromacy

#84a09b Protanomaly 1% of men, 0.01% of women
#889da4 Deuteranomaly 6% of men, 0.4% of women
#5ca7ab Tritanomaly 0.01% of the population

#52a69d hex color

#52a69d Color Information

#52a69d Color Conversion

Color Schemes with #52a69d

Alternatives to #52a69d

#52a69d Preview

Shades and Tints of #52a69d

Tones of #52a69d

Color Blindness Simulator