#52bec4 hex color

In a RGB color space, hex #52bec4 is composed of 32.2% red, 74.5% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 3.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 183.2 degrees, a saturation of 49.1% and a lightness of 54.5%. #52bec4 color hex could be obtained by blending #a4ffff with #007d89. Closest websafe color is: #66cccc.

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

● #52bec4 color description : Moderate cyan.

The hexadecimal color #52bec4 has RGB values of R:82, G:190, B:196 and CMYK values of C:0.58, M:0.03, Y:0, K:0.23. Its decimal value is 5422788.

Hex triplet	52bec4	`#52bec4`
RGB Decimal	82, 190, 196	`rgb(82,190,196)`
RGB Percent	32.2, 74.5, 76.9	`rgb(32.2%,74.5%,76.9%)`
CMYK	58, 3, 0, 23
HSL	183.2°, 49.1, 54.5	`hsl(183.2,49.1%,54.5%)`
HSV (or HSB)	183.2°, 58.2, 76.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.285, -28.923, -12.345
XYZ	31.854, 42.604, 58.766
xyY	0.239, 0.32, 42.604
CIE-LCH	71.285, 31.448, 203.114
CIE-LUV	71.285, -43.967, -14.597
Hunter-Lab	65.272, -27.113, -7.691
Binary	01010010, 10111110, 11000100

#52bec4
```
#52bec4 rgb(82,190,196)
```
#c45852
```
#c45852 rgb(196,88,82)
```

Complementary Color

#52c491
```
#52c491 rgb(82,196,145)
```
#52bec4
```
#52bec4 rgb(82,190,196)
```
#5285c4
```
#5285c4 rgb(82,133,196)
```

Analogous Color

#c49152
```
#c49152 rgb(196,145,82)
```
#52bec4
```
#52bec4 rgb(82,190,196)
```
#c45285
```
#c45285 rgb(196,82,133)
```

Split Complementary Color

#bec452
```
#bec452 rgb(190,196,82)
```
#52bec4
```
#52bec4 rgb(82,190,196)
```
#c452be
```
#c452be rgb(196,82,190)
```

Triadic Color

#52c458
```
#52c458 rgb(82,196,88)
```
#52bec4
```
#52bec4 rgb(82,190,196)
```
#c452be
```
#c452be rgb(196,82,190)
```
#c45852
```
#c45852 rgb(196,88,82)
```

Tetradic Color

#339196
```
#339196 rgb(51,145,150)
```
#3aa3a9
```
#3aa3a9 rgb(58,163,169)
```
#40b6bc
```
#40b6bc rgb(64,182,188)
```
#52bec4
```
#52bec4 rgb(82,190,196)
```
#65c5ca
```
#65c5ca rgb(101,197,202)
```
#78ccd1
```
#78ccd1 rgb(120,204,209)
```
#8bd3d7
```
#8bd3d7 rgb(139,211,215)
```

Monochromatic Color

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

#52c4ae
```
#52c4ae rgb(82,196,174)
```
#52c4b7
```
#52c4b7 rgb(82,196,183)
```
#52c4c1
```
#52c4c1 rgb(82,196,193)
```
#52bec4
```
#52bec4 rgb(82,190,196)
```
#52b5c4
```
#52b5c4 rgb(82,181,196)
```
#52abc4
```
#52abc4 rgb(82,171,196)
```
#52a2c4
```
#52a2c4 rgb(82,162,196)
```

Similar Colors

Text with hexadecimal color #52bec4

This text has a font color of #52bec4.

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

#52bec4 background color

This paragraph has a background color of #52bec4.

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

#52bec4 border color

This element has a border color of #52bec4.

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

CSS codes

.text {color:#52bec4;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#061111
```
#061111 rgb(6,17,17)
```
#0b1f20
```
#0b1f20 rgb(11,31,32)
```
#102d2e
```
#102d2e rgb(16,45,46)
```
#153b3d
```
#153b3d rgb(21,59,61)
```
#1a494c
```
#1a494c rgb(26,73,76)
```
#1f575a
```
#1f575a rgb(31,87,90)
```
#246569
```
#246569 rgb(36,101,105)
```
#297378
```
#297378 rgb(41,115,120)
```
#2e8286
```
#2e8286 rgb(46,130,134)
```
#339095
```
#339095 rgb(51,144,149)
```
#389ea3
```
#389ea3 rgb(56,158,163)
```
#3dacb2
```
#3dacb2 rgb(61,172,178)
```

Shade Color Variation

#43b9bf
```
#43b9bf rgb(67,185,191)
```
#52bec4
```
#52bec4 rgb(82,190,196)
```
#61c3c9
```
#61c3c9 rgb(97,195,201)
```
#6fc9ce
```
#6fc9ce rgb(111,201,206)
```
#7eced3
```
#7eced3 rgb(126,206,211)
```
#8dd4d8
```
#8dd4d8 rgb(141,212,216)
```
#9bd9dd
```
#9bd9dd rgb(155,217,221)
```
#aadfe2
```
#aadfe2 rgb(170,223,226)
```
#b8e4e7
```
#b8e4e7 rgb(184,228,231)
```
#c7eaec
```
#c7eaec rgb(199,234,236)
```
#d6eff1
```
#d6eff1 rgb(214,239,241)
```
#e4f5f6
```
#e4f5f6 rgb(228,245,246)
```
#f3fafb
```
#f3fafb rgb(243,250,251)
```

Tint Color Variation

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

#888e8e
```
#888e8e rgb(136,142,142)
```
#7f9697
```
#7f9697 rgb(127,150,151)
```
#769ea0
```
#769ea0 rgb(118,158,160)
```
#6da6a9
```
#6da6a9 rgb(109,166,169)
```
#64aeb2
```
#64aeb2 rgb(100,174,178)
```
#5bb6bb
```
#5bb6bb rgb(91,182,187)
```
#52bec4
```
#52bec4 rgb(82,190,196)
```
#49c6cd
```
#49c6cd rgb(73,198,205)
```
#40ced6
```
#40ced6 rgb(64,206,214)
```
#37d6df
```
#37d6df rgb(55,214,223)
```
#2edee8
```
#2edee8 rgb(46,222,232)
```
#25e6f1
```
#25e6f1 rgb(37,230,241)
```
#1ceefa
```
#1ceefa rgb(28,238,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8fa4a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b1be Protanopia 1% of men
#b5aecd Deuteranopia 1% of men
#5ec0ce Tritanopia 0.001% of the population

Trichromacy

#8fb6c0 Protanomaly 1% of men, 0.01% of women
#91b4ca Deuteranomaly 6% of men, 0.4% of women
#5abfca Tritanomaly 0.01% of the population

#52bec4 hex color

#52bec4 Color Information

#52bec4 Color Conversion

Color Schemes with #52bec4

Alternatives to #52bec4

#52bec4 Preview

Shades and Tints of #52bec4

Tones of #52bec4

Color Blindness Simulator