#52b6ec hex color

In a RGB color space, hex #52b6ec is composed of 32.2% red, 71.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 22.9% magenta, 0% yellow and 7.5% black. It has a hue angle of 201 degrees, a saturation of 80.2% and a lightness of 62.4%. #52b6ec color hex could be obtained by blending #a4ffff with #006dd9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 32
- G 71
- B 93
RGB color chart
- C 65
- M 23
- Y 0
- K 7
CMYK color chart

● #52b6ec color description : Soft blue.

The hexadecimal color #52b6ec has RGB values of R:82, G:182, B:236 and CMYK values of C:0.65, M:0.23, Y:0, K:0.07. Its decimal value is 5420780.

Hex triplet	52b6ec	`#52b6ec`
RGB Decimal	82, 182, 236	`rgb(82,182,236)`
RGB Percent	32.2, 71.4, 92.5	`rgb(32.2%,71.4%,92.5%)`
CMYK	65, 23, 0, 7
HSL	201°, 80.2, 62.4	`hsl(201,80.2%,62.4%)`
HSV (or HSB)	201°, 65.3, 92.5
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.388, -12.808, -35.543
XYZ	35.344, 41.303, 85.462
xyY	0.218, 0.255, 41.303
CIE-LCH	70.388, 37.781, 250.183
CIE-LUV	70.388, -39.071, -55.283
Hunter-Lab	64.268, -14.302, -33.856
Binary	01010010, 10110110, 11101100

#52b6ec
```
#52b6ec rgb(82,182,236)
```
#ec8852
```
#ec8852 rgb(236,136,82)
```

Complementary Color

#52ecd5
```
#52ecd5 rgb(82,236,213)
```
#52b6ec
```
#52b6ec rgb(82,182,236)
```
#5269ec
```
#5269ec rgb(82,105,236)
```

Analogous Color

#ecd552
```
#ecd552 rgb(236,213,82)
```
#52b6ec
```
#52b6ec rgb(82,182,236)
```
#ec5269
```
#ec5269 rgb(236,82,105)
```

Split Complementary Color

#b6ec52
```
#b6ec52 rgb(182,236,82)
```
#52b6ec
```
#52b6ec rgb(82,182,236)
```
#ec52b6
```
#ec52b6 rgb(236,82,182)
```

Triadic Color

#52ec88
```
#52ec88 rgb(82,236,136)
```
#52b6ec
```
#52b6ec rgb(82,182,236)
```
#ec52b6
```
#ec52b6 rgb(236,82,182)
```
#ec8852
```
#ec8852 rgb(236,136,82)
```

Tetradic Color

#1896da
```
#1896da rgb(24,150,218)
```
#24a3e7
```
#24a3e7 rgb(36,163,231)
```
#3bace9
```
#3bace9 rgb(59,172,233)
```
#52b6ec
```
#52b6ec rgb(82,182,236)
```
#69c0ef
```
#69c0ef rgb(105,192,239)
```
#80c9f1
```
#80c9f1 rgb(128,201,241)
```
#97d3f4
```
#97d3f4 rgb(151,211,244)
```

Monochromatic Color

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

#52ddec
```
#52ddec rgb(82,221,236)
```
#52d0ec
```
#52d0ec rgb(82,208,236)
```
#52c3ec
```
#52c3ec rgb(82,195,236)
```
#52b6ec
```
#52b6ec rgb(82,182,236)
```
#52a9ec
```
#52a9ec rgb(82,169,236)
```
#529cec
```
#529cec rgb(82,156,236)
```
#5290ec
```
#5290ec rgb(82,144,236)
```

Similar Colors

Text with hexadecimal color #52b6ec

This text has a font color of #52b6ec.

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

#52b6ec background color

This paragraph has a background color of #52b6ec.

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

#52b6ec border color

This element has a border color of #52b6ec.

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

CSS codes

.text {color:#52b6ec;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#020f15
```
#020f15 rgb(2,15,21)
```
#041b27
```
#041b27 rgb(4,27,39)
```
#062739
```
#062739 rgb(6,39,57)
```
#08334a
```
#08334a rgb(8,51,74)
```
#0a3f5c
```
#0a3f5c rgb(10,63,92)
```
#0c4c6e
```
#0c4c6e rgb(12,76,110)
```
#0e587f
```
#0e587f rgb(14,88,127)
```
#106491
```
#106491 rgb(16,100,145)
```
#1270a3
```
#1270a3 rgb(18,112,163)
```
#147cb4
```
#147cb4 rgb(20,124,180)
```
#1688c6
```
#1688c6 rgb(22,136,198)
```
#1894d8
```
#1894d8 rgb(24,148,216)
```

Shade Color Variation

#1da0e6
```
#1da0e6 rgb(29,160,230)
```
#2fa7e8
```
#2fa7e8 rgb(47,167,232)
```
#40afea
```
#40afea rgb(64,175,234)
```
#52b6ec
```
#52b6ec rgb(82,182,236)
```
#64bdee
```
#64bdee rgb(100,189,238)
```
#75c5f0
```
#75c5f0 rgb(117,197,240)
```
#87ccf2
```
#87ccf2 rgb(135,204,242)
```
#99d4f4
```
#99d4f4 rgb(153,212,244)
```
#aadbf6
```
#aadbf6 rgb(170,219,246)
```
#bce3f8
```
#bce3f8 rgb(188,227,248)
```
#ceeafa
```
#ceeafa rgb(206,234,250)
```
#dff2fc
```
#dff2fc rgb(223,242,252)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ca0a2 is the less saturated color, while #43bafb is the most saturated one.

#9ca0a2
```
#9ca0a2 rgb(156,160,162)
```
#94a2aa
```
#94a2aa rgb(148,162,170)
```
#8da4b1
```
#8da4b1 rgb(141,164,177)
```
#86a7b8
```
#86a7b8 rgb(134,167,184)
```
#7ea9c0
```
#7ea9c0 rgb(126,169,192)
```
#77abc7
```
#77abc7 rgb(119,171,199)
```
#70adce
```
#70adce rgb(112,173,206)
```
#68afd6
```
#68afd6 rgb(104,175,214)
```
#61b2dd
```
#61b2dd rgb(97,178,221)
```
#59b4e5
```
#59b4e5 rgb(89,180,229)
```
#52b6ec
```
#52b6ec rgb(82,182,236)
```
#4bb8f3
```
#4bb8f3 rgb(75,184,243)
```
#43bafb
```
#43bafb rgb(67,186,251)
```

Tone Color Variation

Below, you can see how #52b6ec 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
#8fa3ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0aee5 Protanopia 1% of men
#97aef1 Deuteranopia 1% of men
#44bfcd Tritanopia 0.001% of the population

Trichromacy

#83b1e7 Protanomaly 1% of men, 0.01% of women
#7eb1ef Deuteranomaly 6% of men, 0.4% of women
#49bcd8 Tritanomaly 0.01% of the population

#52b6ec hex color

#52b6ec Color Information

#52b6ec Color Conversion

Color Schemes with #52b6ec

Alternatives to #52b6ec

#52b6ec Preview

Shades and Tints of #52b6ec

Tones of #52b6ec

Color Blindness Simulator