#52afff hex color

In a RGB color space, hex #52afff is composed of 32.2% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.8% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 207.7 degrees, a saturation of 100% and a lightness of 66.1%. #52afff color hex could be obtained by blending #a4ffff with #005fff. Closest websafe color is: #6699ff.

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

● #52afff color description : Light blue.

The hexadecimal color #52afff has RGB values of R:82, G:175, B:255 and CMYK values of C:0.68, M:0.31, Y:0, K:0. Its decimal value is 5419007.

Hex triplet	52afff	`#52afff`
RGB Decimal	82, 175, 255	`rgb(82,175,255)`
RGB Percent	32.2, 68.6, 100	`rgb(32.2%,68.6%,100%)`
CMYK	68, 31, 0, 0
HSL	207.7°, 100, 66.1	`hsl(207.7,100%,66.1%)`
HSV (or HSB)	207.7°, 67.8, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.235, -2.784, -47.655
XYZ	36.855, 39.671, 100.317
xyY	0.208, 0.224, 39.671
CIE-LCH	69.235, 47.737, 266.656
CIE-LUV	69.235, -35.831, -77.049
Hunter-Lab	62.985, -5.775, -50.343
Binary	01010010, 10101111, 11111111

#52afff
```
#52afff rgb(82,175,255)
```
#ffa252
```
#ffa252 rgb(255,162,82)
```

Complementary Color

#52fff9
```
#52fff9 rgb(82,255,249)
```
#52afff
```
#52afff rgb(82,175,255)
```
#5259ff
```
#5259ff rgb(82,89,255)
```

Analogous Color

#fff952
```
#fff952 rgb(255,249,82)
```
#52afff
```
#52afff rgb(82,175,255)
```
#ff5259
```
#ff5259 rgb(255,82,89)
```

Split Complementary Color

#afff52
```
#afff52 rgb(175,255,82)
```
#52afff
```
#52afff rgb(82,175,255)
```
#ff52af
```
#ff52af rgb(255,82,175)
```

Triadic Color

#52ffa2
```
#52ffa2 rgb(82,255,162)
```
#52afff
```
#52afff rgb(82,175,255)
```
#ff52af
```
#ff52af rgb(255,82,175)
```
#ffa252
```
#ffa252 rgb(255,162,82)
```

Tetradic Color

#058cff
```
#058cff rgb(5,140,255)
```
#1f97ff
```
#1f97ff rgb(31,151,255)
```
#39a3ff
```
#39a3ff rgb(57,163,255)
```
#52afff
```
#52afff rgb(82,175,255)
```
#6cbbff
```
#6cbbff rgb(108,187,255)
```
#85c7ff
```
#85c7ff rgb(133,199,255)
```
#9fd2ff
```
#9fd2ff rgb(159,210,255)
```

Monochromatic Color

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

#52daff
```
#52daff rgb(82,218,255)
```
#52ccff
```
#52ccff rgb(82,204,255)
```
#52bdff
```
#52bdff rgb(82,189,255)
```
#52afff
```
#52afff rgb(82,175,255)
```
#52a1ff
```
#52a1ff rgb(82,161,255)
```
#5292ff
```
#5292ff rgb(82,146,255)
```
#5284ff
```
#5284ff rgb(82,132,255)
```

Similar Colors

Text with hexadecimal color #52afff

This text has a font color of #52afff.

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

#52afff background color

This paragraph has a background color of #52afff.

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

#52afff border color

This element has a border color of #52afff.

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

CSS codes

.text {color:#52afff;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000c17
```
#000c17 rgb(0,12,23)
```
#00172b
```
#00172b rgb(0,23,43)
```
#00223e
```
#00223e rgb(0,34,62)
```
#002c52
```
#002c52 rgb(0,44,82)
```
#003766
```
#003766 rgb(0,55,102)
```
#004179
```
#004179 rgb(0,65,121)
```
#004c8d
```
#004c8d rgb(0,76,141)
```
#0056a0
```
#0056a0 rgb(0,86,160)
```
#0061b4
```
#0061b4 rgb(0,97,180)
```
#006bc8
```
#006bc8 rgb(0,107,200)
```
#0076db
```
#0076db rgb(0,118,219)
```
#0080ef
```
#0080ef rgb(0,128,239)
```

Shade Color Variation

#048bff
```
#048bff rgb(4,139,255)
```
#1794ff
```
#1794ff rgb(23,148,255)
```
#2b9dff
```
#2b9dff rgb(43,157,255)
```
#3ea6ff
```
#3ea6ff rgb(62,166,255)
```
#52afff
```
#52afff rgb(82,175,255)
```
#66b8ff
```
#66b8ff rgb(102,184,255)
```
#79c1ff
```
#79c1ff rgb(121,193,255)
```
#8dcaff
```
#8dcaff rgb(141,202,255)
```
#a0d3ff
```
#a0d3ff rgb(160,211,255)
```
#b4dcff
```
#b4dcff rgb(180,220,255)
```
#c8e5ff
```
#c8e5ff rgb(200,229,255)
```
#dbeeff
```
#dbeeff rgb(219,238,255)
```
#eff8ff
```
#eff8ff rgb(239,248,255)
```

Tint Color Variation

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

#a2a9af
```
#a2a9af rgb(162,169,175)
```
#9baab6
```
#9baab6 rgb(155,170,182)
```
#95aabc
```
#95aabc rgb(149,170,188)
```
#8eabc3
```
#8eabc3 rgb(142,171,195)
```
#87abca
```
#87abca rgb(135,171,202)
```
#81acd0
```
#81acd0 rgb(129,172,208)
```
#7aacd7
```
#7aacd7 rgb(122,172,215)
```
#73adde
```
#73adde rgb(115,173,222)
```
#6dade4
```
#6dade4 rgb(109,173,228)
```
#66aeeb
```
#66aeeb rgb(102,174,235)
```
#5faef2
```
#5faef2 rgb(95,174,242)
```
#59aff8
```
#59aff8 rgb(89,175,248)
```
#52afff
```
#52afff rgb(82,175,255)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8da0b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91aaf8 Protanopia 1% of men
#81adff Deuteranopia 1% of men
#27bdcb Tritanopia 0.001% of the population

Trichromacy

#7aacfb Protanomaly 1% of men, 0.01% of women
#6fadff Deuteranomaly 6% of men, 0.4% of women
#36b8de Tritanomaly 0.01% of the population

#52afff hex color

#52afff Color Information

#52afff Color Conversion

Color Schemes with #52afff

Alternatives to #52afff

#52afff Preview

Shades and Tints of #52afff

Tones of #52afff

Color Blindness Simulator