#52aec5 hex color

In a RGB color space, hex #52aec5 is composed of 32.2% red, 68.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 11.7% magenta, 0% yellow and 22.7% black. It has a hue angle of 192 degrees, a saturation of 49.8% and a lightness of 54.7%. #52aec5 color hex could be obtained by blending #a4ffff with #005d8b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 68
- B 77
RGB color chart
- C 58
- M 12
- Y 0
- K 23
CMYK color chart

● #52aec5 color description : Moderate cyan.

The hexadecimal color #52aec5 has RGB values of R:82, G:174, B:197 and CMYK values of C:0.58, M:0.12, Y:0, K:0.23. Its decimal value is 5418693.

Hex triplet	52aec5	`#52aec5`
RGB Decimal	82, 174, 197	`rgb(82,174,197)`
RGB Percent	32.2, 68.2, 77.3	`rgb(32.2%,68.2%,77.3%)`
CMYK	58, 12, 0, 23
HSL	192°, 49.8, 54.7	`hsl(192,49.8%,54.7%)`
HSV (or HSB)	192°, 58.4, 77.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.592, -20.595, -19.981
XYZ	28.691, 36.095, 58.275
xyY	0.233, 0.293, 36.095
CIE-LCH	66.592, 28.695, 224.134
CIE-LUV	66.592, -37.902, -27.923
Hunter-Lab	60.079, -19.895, -15.454
Binary	01010010, 10101110, 11000101

#52aec5
```
#52aec5 rgb(82,174,197)
```
#c56952
```
#c56952 rgb(197,105,82)
```

Complementary Color

#52c5a3
```
#52c5a3 rgb(82,197,163)
```
#52aec5
```
#52aec5 rgb(82,174,197)
```
#5275c5
```
#5275c5 rgb(82,117,197)
```

Analogous Color

#c5a352
```
#c5a352 rgb(197,163,82)
```
#52aec5
```
#52aec5 rgb(82,174,197)
```
#c55275
```
#c55275 rgb(197,82,117)
```

Split Complementary Color

#aec552
```
#aec552 rgb(174,197,82)
```
#52aec5
```
#52aec5 rgb(82,174,197)
```
#c552ae
```
#c552ae rgb(197,82,174)
```

Triadic Color

#52c569
```
#52c569 rgb(82,197,105)
```
#52aec5
```
#52aec5 rgb(82,174,197)
```
#c552ae
```
#c552ae rgb(197,82,174)
```
#c56952
```
#c56952 rgb(197,105,82)
```

Tetradic Color

#338398
```
#338398 rgb(51,131,152)
```
#3994ab
```
#3994ab rgb(57,148,171)
```
#40a5be
```
#40a5be rgb(64,165,190)
```
#52aec5
```
#52aec5 rgb(82,174,197)
```
#65b7cb
```
#65b7cb rgb(101,183,203)
```
#78c0d2
```
#78c0d2 rgb(120,192,210)
```
#8bc9d8
```
#8bc9d8 rgb(139,201,216)
```

Monochromatic Color

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

#52c5bf
```
#52c5bf rgb(82,197,191)
```
#52c1c5
```
#52c1c5 rgb(82,193,197)
```
#52b8c5
```
#52b8c5 rgb(82,184,197)
```
#52aec5
```
#52aec5 rgb(82,174,197)
```
#52a4c5
```
#52a4c5 rgb(82,164,197)
```
#529bc5
```
#529bc5 rgb(82,155,197)
```
#5291c5
```
#5291c5 rgb(82,145,197)
```

Similar Colors

Text with hexadecimal color #52aec5

This text has a font color of #52aec5.

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

#52aec5 background color

This paragraph has a background color of #52aec5.

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

#52aec5 border color

This element has a border color of #52aec5.

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

CSS codes

.text {color:#52aec5;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#061012
```
#061012 rgb(6,16,18)
```
#0b1c21
```
#0b1c21 rgb(11,28,33)
```
#10292f
```
#10292f rgb(16,41,47)
```
#15363e
```
#15363e rgb(21,54,62)
```
#1a434d
```
#1a434d rgb(26,67,77)
```
#1f4f5b
```
#1f4f5b rgb(31,79,91)
```
#245c6a
```
#245c6a rgb(36,92,106)
```
#296979
```
#296979 rgb(41,105,121)
```
#2d7587
```
#2d7587 rgb(45,117,135)
```
#328296
```
#328296 rgb(50,130,150)
```
#378fa5
```
#378fa5 rgb(55,143,165)
```
#3c9cb4
```
#3c9cb4 rgb(60,156,180)
```

Shade Color Variation

#43a7c0
```
#43a7c0 rgb(67,167,192)
```
#52aec5
```
#52aec5 rgb(82,174,197)
```
#61b5ca
```
#61b5ca rgb(97,181,202)
```
#6fbccf
```
#6fbccf rgb(111,188,207)
```
#7ec3d4
```
#7ec3d4 rgb(126,195,212)
```
#8dcad9
```
#8dcad9 rgb(141,202,217)
```
#9bd0de
```
#9bd0de rgb(155,208,222)
```
#aad7e3
```
#aad7e3 rgb(170,215,227)
```
#b9dee7
```
#b9dee7 rgb(185,222,231)
```
#c8e5ec
```
#c8e5ec rgb(200,229,236)
```
#d6ecf1
```
#d6ecf1 rgb(214,236,241)
```
#e5f3f6
```
#e5f3f6 rgb(229,243,246)
```
#f4fafb
```
#f4fafb rgb(244,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878e90 is the less saturated color, while #1dcefa is the most saturated one.

#878e90
```
#878e90 rgb(135,142,144)
```
#7e9399
```
#7e9399 rgb(126,147,153)
```
#7699a1
```
#7699a1 rgb(118,153,161)
```
#6d9eaa
```
#6d9eaa rgb(109,158,170)
```
#64a3b3
```
#64a3b3 rgb(100,163,179)
```
#5ba9bc
```
#5ba9bc rgb(91,169,188)
```
#52aec5
```
#52aec5 rgb(82,174,197)
```
#49b3ce
```
#49b3ce rgb(73,179,206)
```
#40b9d7
```
#40b9d7 rgb(64,185,215)
```
#37bee0
```
#37bee0 rgb(55,190,224)
```
#2ec3e9
```
#2ec3e9 rgb(46,195,233)
```
#26c9f1
```
#26c9f1 rgb(38,201,241)
```
#1dcefa
```
#1dcefa rgb(29,206,250)
```

Tone Color Variation

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

Dichromacy

#a1a5c0 Protanopia 1% of men
#a1a3cd Deuteranopia 1% of men
#57b3c0 Tritanopia 0.001% of the population

Trichromacy

#84a8c1 Protanomaly 1% of men, 0.01% of women
#84a7ca Deuteranomaly 6% of men, 0.4% of women
#55b1c2 Tritanomaly 0.01% of the population

#52aec5 hex color

#52aec5 Color Information

#52aec5 Color Conversion

Color Schemes with #52aec5

Alternatives to #52aec5

#52aec5 Preview

Shades and Tints of #52aec5

Tones of #52aec5

Color Blindness Simulator