#52a5a2 hex color

In a RGB color space, hex #52a5a2 is composed of 32.2% red, 64.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 0% magenta, 1.8% yellow and 35.3% black. It has a hue angle of 177.8 degrees, a saturation of 33.6% and a lightness of 48.4%. #52a5a2 color hex could be obtained by blending #a4ffff with #004b45. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 32
- G 65
- B 64
RGB color chart
- C 50
- M 0
- Y 2
- K 35
CMYK color chart

● #52a5a2 color description : Dark moderate cyan.

The hexadecimal color #52a5a2 has RGB values of R:82, G:165, B:162 and CMYK values of C:0.5, M:0, Y:0.02, K:0.35. Its decimal value is 5416354.

Hex triplet	52a5a2	`#52a5a2`
RGB Decimal	82, 165, 162	`rgb(82,165,162)`
RGB Percent	32.2, 64.7, 63.5	`rgb(32.2%,64.7%,63.5%)`
CMYK	50, 0, 2, 35
HSL	177.8°, 33.6, 48.4	`hsl(177.8,33.6%,48.4%)`
HSV (or HSB)	177.8°, 50.3, 64.7
Web Safe	669999	`#669999`

CIE-LAB	62.769, -25.906, -6.212
XYZ	23.455, 31.311, 38.988
xyY	0.25, 0.334, 31.311
CIE-LCH	62.769, 26.641, 193.484
CIE-LUV	62.769, -35.954, -5.25
Hunter-Lab	55.956, -23.104, -2.141
Binary	01010010, 10100101, 10100010

#52a5a2
```
#52a5a2 rgb(82,165,162)
```
#a55255
```
#a55255 rgb(165,82,85)
```

Complementary Color

#52a579
```
#52a579 rgb(82,165,121)
```
#52a5a2
```
#52a5a2 rgb(82,165,162)
```
#527fa5
```
#527fa5 rgb(82,127,165)
```

Analogous Color

#a57952
```
#a57952 rgb(165,121,82)
```
#52a5a2
```
#52a5a2 rgb(82,165,162)
```
#a5527f
```
#a5527f rgb(165,82,127)
```

Split Complementary Color

#a5a252
```
#a5a252 rgb(165,162,82)
```
#52a5a2
```
#52a5a2 rgb(82,165,162)
```
#a252a5
```
#a252a5 rgb(162,82,165)
```

Triadic Color

#55a552
```
#55a552 rgb(85,165,82)
```
#52a5a2
```
#52a5a2 rgb(82,165,162)
```
#a252a5
```
#a252a5 rgb(162,82,165)
```
#a55255
```
#a55255 rgb(165,82,85)
```

Tetradic Color

#397270
```
#397270 rgb(57,114,112)
```
#418381
```
#418381 rgb(65,131,129)
```
#4a9491
```
#4a9491 rgb(74,148,145)
```
#52a5a2
```
#52a5a2 rgb(82,165,162)
```
#60b0ad
```
#60b0ad rgb(96,176,173)
```
#71b9b6
```
#71b9b6 rgb(113,185,182)
```
#82c1bf
```
#82c1bf rgb(130,193,191)
```

Monochromatic Color

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

#52a58d
```
#52a58d rgb(82,165,141)
```
#52a594
```
#52a594 rgb(82,165,148)
```
#52a59b
```
#52a59b rgb(82,165,155)
```
#52a5a2
```
#52a5a2 rgb(82,165,162)
```
#52a1a5
```
#52a1a5 rgb(82,161,165)
```
#529aa5
```
#529aa5 rgb(82,154,165)
```
#5293a5
```
#5293a5 rgb(82,147,165)
```

Similar Colors

Text with hexadecimal color #52a5a2

This text has a font color of #52a5a2.

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

#52a5a2 background color

This paragraph has a background color of #52a5a2.

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

#52a5a2 border color

This element has a border color of #52a5a2.

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

CSS codes

.text {color:#52a5a2;}

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

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

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 #fafcfc is the lightest one.

#040808
```
#040808 rgb(4,8,8)
```
#0a1514
```
#0a1514 rgb(10,21,20)
```
#112221
```
#112221 rgb(17,34,33)
```
#172f2e
```
#172f2e rgb(23,47,46)
```
#1e3c3b
```
#1e3c3b rgb(30,60,59)
```
#244948
```
#244948 rgb(36,73,72)
```
#2b5655
```
#2b5655 rgb(43,86,85)
```
#316362
```
#316362 rgb(49,99,98)
```
#38716f
```
#38716f rgb(56,113,111)
```
#3e7e7b
```
#3e7e7b rgb(62,126,123)
```
#458b88
```
#458b88 rgb(69,139,136)
```
#4b9895
```
#4b9895 rgb(75,152,149)
```
#52a5a2
```
#52a5a2 rgb(82,165,162)
```

Shade Color Variation

#5caeab
```
#5caeab rgb(92,174,171)
```
#6ab5b2
```
#6ab5b2 rgb(106,181,178)
```
#77bbb9
```
#77bbb9 rgb(119,187,185)
```
#84c2bf
```
#84c2bf rgb(132,194,191)
```
#91c8c6
```
#91c8c6 rgb(145,200,198)
```
#9ecfcd
```
#9ecfcd rgb(158,207,205)
```
#abd5d4
```
#abd5d4 rgb(171,213,212)
```
#b8dcda
```
#b8dcda rgb(184,220,218)
```
#c5e2e1
```
#c5e2e1 rgb(197,226,225)
```
#d2e9e8
```
#d2e9e8 rgb(210,233,232)
```
#dfefef
```
#dfefef rgb(223,239,239)
```
#edf6f5
```
#edf6f5 rgb(237,246,245)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#787f7f
```
#787f7f rgb(120,127,127)
```
#6f8988
```
#6f8988 rgb(111,137,136)
```
#659290
```
#659290 rgb(101,146,144)
```
#5c9c99
```
#5c9c99 rgb(92,156,153)
```
#52a5a2
```
#52a5a2 rgb(82,165,162)
```
#49afab
```
#49afab rgb(73,175,171)
```
#3fb8b4
```
#3fb8b4 rgb(63,184,180)
```
#36c2bc
```
#36c2bc rgb(54,194,188)
```
#2ccbc5
```
#2ccbc5 rgb(44,203,197)
```
#23d5ce
```
#23d5ce rgb(35,213,206)
```
#19ded7
```
#19ded7 rgb(25,222,215)
```
#10e8e0
```
#10e8e0 rgb(16,232,224)
```
#06f1e9
```
#06f1e9 rgb(6,241,233)
```

Tone Color Variation

Below, you can see how #52a5a2 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
#809190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9c9f Protanopia 1% of men
#a499ac Deuteranopia 1% of men
#60a7b3 Tritanopia 0.001% of the population

Trichromacy

#839fa0 Protanomaly 1% of men, 0.01% of women
#869da8 Deuteranomaly 6% of men, 0.4% of women
#5ba6ad Tritanomaly 0.01% of the population

#52a5a2 hex color

#52a5a2 Color Information

#52a5a2 Color Conversion

Color Schemes with #52a5a2

Alternatives to #52a5a2

#52a5a2 Preview

Shades and Tints of #52a5a2

Tones of #52a5a2

Color Blindness Simulator