#52e4ff hex color

In a RGB color space, hex #52e4ff is composed of 32.2% red, 89.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 10.6% magenta, 0% yellow and 0% black. It has a hue angle of 189.4 degrees, a saturation of 100% and a lightness of 66.1%. #52e4ff color hex could be obtained by blending #a4ffff with #00c9ff. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 32
- G 89
- B 100
RGB color chart
- C 68
- M 11
- Y 0
- K 0
CMYK color chart

● #52e4ff color description : Light cyan.

The hexadecimal color #52e4ff has RGB values of R:82, G:228, B:255 and CMYK values of C:0.68, M:0.11, Y:0, K:0. Its decimal value is 5432575.

Hex triplet	52e4ff	`#52e4ff`
RGB Decimal	82, 228, 255	`rgb(82,228,255)`
RGB Percent	32.2, 89.4, 100	`rgb(32.2%,89.4%,100%)`
CMYK	68, 11, 0, 0
HSL	189.4°, 100, 66.1	`hsl(189.4,100%,66.1%)`
HSV (or HSB)	189.4°, 67.8, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	84.224, -30.35, -24.452
XYZ	49.268, 64.496, 104.455
xyY	0.226, 0.296, 64.496
CIE-LCH	84.224, 38.975, 218.857
CIE-LUV	84.224, -54.388, -34.95
Hunter-Lab	80.31, -31.036, -20.899
Binary	01010010, 11100100, 11111111

#52e4ff
```
#52e4ff rgb(82,228,255)
```
#ff6d52
```
#ff6d52 rgb(255,109,82)
```

Complementary Color

#52ffc4
```
#52ffc4 rgb(82,255,196)
```
#52e4ff
```
#52e4ff rgb(82,228,255)
```
#528eff
```
#528eff rgb(82,142,255)
```

Analogous Color

#ffc452
```
#ffc452 rgb(255,196,82)
```
#52e4ff
```
#52e4ff rgb(82,228,255)
```
#ff528e
```
#ff528e rgb(255,82,142)
```

Split Complementary Color

#e4ff52
```
#e4ff52 rgb(228,255,82)
```
#52e4ff
```
#52e4ff rgb(82,228,255)
```
#ff52e4
```
#ff52e4 rgb(255,82,228)
```

Triadic Color

#52ff6d
```
#52ff6d rgb(82,255,109)
```
#52e4ff
```
#52e4ff rgb(82,228,255)
```
#ff52e4
```
#ff52e4 rgb(255,82,228)
```
#ff6d52
```
#ff6d52 rgb(255,109,82)
```

Tetradic Color

#05d8ff
```
#05d8ff rgb(5,216,255)
```
#1fdcff
```
#1fdcff rgb(31,220,255)
```
#39e0ff
```
#39e0ff rgb(57,224,255)
```
#52e4ff
```
#52e4ff rgb(82,228,255)
```
#6ce8ff
```
#6ce8ff rgb(108,232,255)
```
#85ecff
```
#85ecff rgb(133,236,255)
```
#9ff0ff
```
#9ff0ff rgb(159,240,255)
```

Monochromatic Color

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

#52ffef
```
#52ffef rgb(82,255,239)
```
#52fffd
```
#52fffd rgb(82,255,253)
```
#52f2ff
```
#52f2ff rgb(82,242,255)
```
#52e4ff
```
#52e4ff rgb(82,228,255)
```
#52d6ff
```
#52d6ff rgb(82,214,255)
```
#52c7ff
```
#52c7ff rgb(82,199,255)
```
#52b9ff
```
#52b9ff rgb(82,185,255)
```

Similar Colors

Text with hexadecimal color #52e4ff

This text has a font color of #52e4ff.

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

#52e4ff background color

This paragraph has a background color of #52e4ff.

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

#52e4ff border color

This element has a border color of #52e4ff.

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

CSS codes

.text {color:#52e4ff;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001417
```
#001417 rgb(0,20,23)
```
#00242b
```
#00242b rgb(0,36,43)
```
#00353e
```
#00353e rgb(0,53,62)
```
#004552
```
#004552 rgb(0,69,82)
```
#005666
```
#005666 rgb(0,86,102)
```
#006679
```
#006679 rgb(0,102,121)
```
#00778d
```
#00778d rgb(0,119,141)
```
#0087a0
```
#0087a0 rgb(0,135,160)
```
#0098b4
```
#0098b4 rgb(0,152,180)
```
#00a9c8
```
#00a9c8 rgb(0,169,200)
```
#00b9db
```
#00b9db rgb(0,185,219)
```
#00caef
```
#00caef rgb(0,202,239)
```

Shade Color Variation

#04d8ff
```
#04d8ff rgb(4,216,255)
```
#17dbff
```
#17dbff rgb(23,219,255)
```
#2bdeff
```
#2bdeff rgb(43,222,255)
```
#3ee1ff
```
#3ee1ff rgb(62,225,255)
```
#52e4ff
```
#52e4ff rgb(82,228,255)
```
#66e7ff
```
#66e7ff rgb(102,231,255)
```
#79eaff
```
#79eaff rgb(121,234,255)
```
#8dedff
```
#8dedff rgb(141,237,255)
```
#a0f0ff
```
#a0f0ff rgb(160,240,255)
```
#b4f3ff
```
#b4f3ff rgb(180,243,255)
```
#c8f6ff
```
#c8f6ff rgb(200,246,255)
```
#dbf9ff
```
#dbf9ff rgb(219,249,255)
```
#effcff
```
#effcff rgb(239,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2adaf is the less saturated color, while #52e4ff is the most saturated one.

#a2adaf
```
#a2adaf rgb(162,173,175)
```
#9bb2b6
```
#9bb2b6 rgb(155,178,182)
```
#95b6bc
```
#95b6bc rgb(149,182,188)
```
#8ebbc3
```
#8ebbc3 rgb(142,187,195)
```
#87bfca
```
#87bfca rgb(135,191,202)
```
#81c4d0
```
#81c4d0 rgb(129,196,208)
```
#7ac9d7
```
#7ac9d7 rgb(122,201,215)
```
#73cdde
```
#73cdde rgb(115,205,222)
```
#6dd2e4
```
#6dd2e4 rgb(109,210,228)
```
#66d6eb
```
#66d6eb rgb(102,214,235)
```
#5fdbf2
```
#5fdbf2 rgb(95,219,242)
```
#59dff8
```
#59dff8 rgb(89,223,248)
```
#52e4ff
```
#52e4ff rgb(82,228,255)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#a6c3c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd2f3 Protanopia 1% of men
#cdd1ff Deuteranopia 1% of men
#55e6f7 Tritanopia 0.001% of the population

Trichromacy

#a0d9f7 Protanomaly 1% of men, 0.01% of women
#a0d8ff Deuteranomaly 6% of men, 0.4% of women
#54e5fa Tritanomaly 0.01% of the population

#52e4ff hex color

#52e4ff Color Information

#52e4ff Color Conversion

Color Schemes with #52e4ff

Alternatives to #52e4ff

#52e4ff Preview

Shades and Tints of #52e4ff

Tones of #52e4ff

Color Blindness Simulator