#52aaff hex color

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

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

● #52aaff color description : Light blue.

The hexadecimal color #52aaff has RGB values of R:82, G:170, B:255 and CMYK values of C:0.68, M:0.33, Y:0, K:0. Its decimal value is 5417727.

Hex triplet	52aaff	`#52aaff`
RGB Decimal	82, 170, 255	`rgb(82,170,255)`
RGB Percent	32.2, 66.7, 100	`rgb(32.2%,66.7%,100%)`
CMYK	68, 33, 0, 0
HSL	209.5°, 100, 66.1	`hsl(209.5,100%,66.1%)`
HSV (or HSB)	209.5°, 67.8, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.844, 0.033, -49.847
XYZ	35.9, 37.761, 99.999
xyY	0.207, 0.217, 37.761
CIE-LCH	67.844, 49.847, 270.038
CIE-LUV	67.844, -34.125, -80.872
Hunter-Lab	61.45, -3.254, -53.47
Binary	01010010, 10101010, 11111111

#52aaff
```
#52aaff rgb(82,170,255)
```
#ffa752
```
#ffa752 rgb(255,167,82)
```

Complementary Color

#52fffe
```
#52fffe rgb(82,255,254)
```
#52aaff
```
#52aaff rgb(82,170,255)
```
#5253ff
```
#5253ff rgb(82,83,255)
```

Analogous Color

#fffe52
```
#fffe52 rgb(255,254,82)
```
#52aaff
```
#52aaff rgb(82,170,255)
```
#ff5253
```
#ff5253 rgb(255,82,83)
```

Split Complementary Color

#aaff52
```
#aaff52 rgb(170,255,82)
```
#52aaff
```
#52aaff rgb(82,170,255)
```
#ff52aa
```
#ff52aa rgb(255,82,170)
```

Triadic Color

#52ffa7
```
#52ffa7 rgb(82,255,167)
```
#52aaff
```
#52aaff rgb(82,170,255)
```
#ff52aa
```
#ff52aa rgb(255,82,170)
```
#ffa752
```
#ffa752 rgb(255,167,82)
```

Tetradic Color

#0584ff
```
#0584ff rgb(5,132,255)
```
#1f91ff
```
#1f91ff rgb(31,145,255)
```
#399dff
```
#399dff rgb(57,157,255)
```
#52aaff
```
#52aaff rgb(82,170,255)
```
#6cb7ff
```
#6cb7ff rgb(108,183,255)
```
#85c3ff
```
#85c3ff rgb(133,195,255)
```
#9fd0ff
```
#9fd0ff rgb(159,208,255)
```

Monochromatic Color

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

#52d5ff
```
#52d5ff rgb(82,213,255)
```
#52c7ff
```
#52c7ff rgb(82,199,255)
```
#52b8ff
```
#52b8ff rgb(82,184,255)
```
#52aaff
```
#52aaff rgb(82,170,255)
```
#529cff
```
#529cff rgb(82,156,255)
```
#528dff
```
#528dff rgb(82,141,255)
```
#527fff
```
#527fff rgb(82,127,255)
```

Similar Colors

Text with hexadecimal color #52aaff

This text has a font color of #52aaff.

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

#52aaff background color

This paragraph has a background color of #52aaff.

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

#52aaff border color

This element has a border color of #52aaff.

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

CSS codes

.text {color:#52aaff;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#000c17
```
#000c17 rgb(0,12,23)
```
#00162b
```
#00162b rgb(0,22,43)
```
#00203e
```
#00203e rgb(0,32,62)
```
#002a52
```
#002a52 rgb(0,42,82)
```
#003466
```
#003466 rgb(0,52,102)
```
#003e79
```
#003e79 rgb(0,62,121)
```
#00488d
```
#00488d rgb(0,72,141)
```
#0052a0
```
#0052a0 rgb(0,82,160)
```
#005cb4
```
#005cb4 rgb(0,92,180)
```
#0066c8
```
#0066c8 rgb(0,102,200)
```
#0070db
```
#0070db rgb(0,112,219)
```
#007aef
```
#007aef rgb(0,122,239)
```

Shade Color Variation

#0483ff
```
#0483ff rgb(4,131,255)
```
#178dff
```
#178dff rgb(23,141,255)
```
#2b97ff
```
#2b97ff rgb(43,151,255)
```
#3ea0ff
```
#3ea0ff rgb(62,160,255)
```
#52aaff
```
#52aaff rgb(82,170,255)
```
#66b4ff
```
#66b4ff rgb(102,180,255)
```
#79bdff
```
#79bdff rgb(121,189,255)
```
#8dc7ff
```
#8dc7ff rgb(141,199,255)
```
#a0d1ff
```
#a0d1ff rgb(160,209,255)
```
#b4daff
```
#b4daff rgb(180,218,255)
```
#c8e4ff
```
#c8e4ff rgb(200,228,255)
```
#dbedff
```
#dbedff rgb(219,237,255)
```
#eff7ff
```
#eff7ff rgb(239,247,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 #52aaff is the most saturated one.

#a2a9af
```
#a2a9af rgb(162,169,175)
```
#9ba9b6
```
#9ba9b6 rgb(155,169,182)
```
#95a9bc
```
#95a9bc rgb(149,169,188)
```
#8ea9c3
```
#8ea9c3 rgb(142,169,195)
```
#87a9ca
```
#87a9ca rgb(135,169,202)
```
#81a9d0
```
#81a9d0 rgb(129,169,208)
```
#7aa9d7
```
#7aa9d7 rgb(122,169,215)
```
#73a9de
```
#73a9de rgb(115,169,222)
```
#6daae4
```
#6daae4 rgb(109,170,228)
```
#66aaeb
```
#66aaeb rgb(102,170,235)
```
#5faaf2
```
#5faaf2 rgb(95,170,242)
```
#59aaf8
```
#59aaf8 rgb(89,170,248)
```
#52aaff
```
#52aaff rgb(82,170,255)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8b9cad Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa7f9 Protanopia 1% of men
#77aaff Deuteranopia 1% of men
#1fbac7 Tritanopia 0.001% of the population

Trichromacy

#75a8fb Protanomaly 1% of men, 0.01% of women
#6aaaff Deuteranomaly 6% of men, 0.4% of women
#31b4db Tritanomaly 0.01% of the population

#52aaff hex color

#52aaff Color Information

#52aaff Color Conversion

Color Schemes with #52aaff

Alternatives to #52aaff

#52aaff Preview

Shades and Tints of #52aaff

Tones of #52aaff

Color Blindness Simulator