#52a7ec hex color

In a RGB color space, hex #52a7ec is composed of 32.2% red, 65.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 29.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 206.9 degrees, a saturation of 80.2% and a lightness of 62.4%. #52a7ec color hex could be obtained by blending #a4ffff with #004fd9. Closest websafe color is: #6699ff.

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

● #52a7ec color description : Soft blue.

The hexadecimal color #52a7ec has RGB values of R:82, G:167, B:236 and CMYK values of C:0.65, M:0.29, Y:0, K:0.07. Its decimal value is 5416940.

Hex triplet	52a7ec	`#52a7ec`
RGB Decimal	82, 167, 236	`rgb(82,167,236)`
RGB Percent	32.2, 65.5, 92.5	`rgb(32.2%,65.5%,92.5%)`
CMYK	65, 29, 0, 7
HSL	206.9°, 80.2, 62.4	`hsl(206.9,80.2%,62.4%)`
HSV (or HSB)	206.9°, 65.3, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.125, -4.58, -42.193
XYZ	32.435, 35.485, 84.492
xyY	0.213, 0.233, 35.485
CIE-LCH	66.125, 42.441, 263.804
CIE-LUV	66.125, -33.757, -67.053
Hunter-Lab	59.569, -7.054, -42.398
Binary	01010010, 10100111, 11101100

#52a7ec
```
#52a7ec rgb(82,167,236)
```
#ec9752
```
#ec9752 rgb(236,151,82)
```

Complementary Color

#52ece4
```
#52ece4 rgb(82,236,228)
```
#52a7ec
```
#52a7ec rgb(82,167,236)
```
#525aec
```
#525aec rgb(82,90,236)
```

Analogous Color

#ece452
```
#ece452 rgb(236,228,82)
```
#52a7ec
```
#52a7ec rgb(82,167,236)
```
#ec525a
```
#ec525a rgb(236,82,90)
```

Split Complementary Color

#a7ec52
```
#a7ec52 rgb(167,236,82)
```
#52a7ec
```
#52a7ec rgb(82,167,236)
```
#ec52a7
```
#ec52a7 rgb(236,82,167)
```

Triadic Color

#52ec97
```
#52ec97 rgb(82,236,151)
```
#52a7ec
```
#52a7ec rgb(82,167,236)
```
#ec52a7
```
#ec52a7 rgb(236,82,167)
```
#ec9752
```
#ec9752 rgb(236,151,82)
```

Tetradic Color

#1883da
```
#1883da rgb(24,131,218)
```
#2490e7
```
#2490e7 rgb(36,144,231)
```
#3b9be9
```
#3b9be9 rgb(59,155,233)
```
#52a7ec
```
#52a7ec rgb(82,167,236)
```
#69b3ef
```
#69b3ef rgb(105,179,239)
```
#80bef1
```
#80bef1 rgb(128,190,241)
```
#97caf4
```
#97caf4 rgb(151,202,244)
```

Monochromatic Color

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

#52ceec
```
#52ceec rgb(82,206,236)
```
#52c1ec
```
#52c1ec rgb(82,193,236)
```
#52b4ec
```
#52b4ec rgb(82,180,236)
```
#52a7ec
```
#52a7ec rgb(82,167,236)
```
#529aec
```
#529aec rgb(82,154,236)
```
#528dec
```
#528dec rgb(82,141,236)
```
#5281ec
```
#5281ec rgb(82,129,236)
```

Similar Colors

Text with hexadecimal color #52a7ec

This text has a font color of #52a7ec.

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

#52a7ec background color

This paragraph has a background color of #52a7ec.

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

#52a7ec border color

This element has a border color of #52a7ec.

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

CSS codes

.text {color:#52a7ec;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020d15
```
#020d15 rgb(2,13,21)
```
#041827
```
#041827 rgb(4,24,39)
```
#062239
```
#062239 rgb(6,34,57)
```
#082d4a
```
#082d4a rgb(8,45,74)
```
#0a375c
```
#0a375c rgb(10,55,92)
```
#0c426e
```
#0c426e rgb(12,66,110)
```
#0e4d7f
```
#0e4d7f rgb(14,77,127)
```
#105791
```
#105791 rgb(16,87,145)
```
#1262a3
```
#1262a3 rgb(18,98,163)
```
#146db4
```
#146db4 rgb(20,109,180)
```
#1677c6
```
#1677c6 rgb(22,119,198)
```
#1882d8
```
#1882d8 rgb(24,130,216)
```

Shade Color Variation

#1d8ce6
```
#1d8ce6 rgb(29,140,230)
```
#2f95e8
```
#2f95e8 rgb(47,149,232)
```
#409eea
```
#409eea rgb(64,158,234)
```
#52a7ec
```
#52a7ec rgb(82,167,236)
```
#64b0ee
```
#64b0ee rgb(100,176,238)
```
#75b9f0
```
#75b9f0 rgb(117,185,240)
```
#87c2f2
```
#87c2f2 rgb(135,194,242)
```
#99cbf4
```
#99cbf4 rgb(153,203,244)
```
#aad4f6
```
#aad4f6 rgb(170,212,246)
```
#bcddf8
```
#bcddf8 rgb(188,221,248)
```
#cee6fa
```
#cee6fa rgb(206,230,250)
```
#dfeffc
```
#dfeffc rgb(223,239,252)
```
#f1f8fd
```
#f1f8fd rgb(241,248,253)
```

Tint Color Variation

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

#9c9fa2
```
#9c9fa2 rgb(156,159,162)
```
#94a0aa
```
#94a0aa rgb(148,160,170)
```
#8da1b1
```
#8da1b1 rgb(141,161,177)
```
#86a2b8
```
#86a2b8 rgb(134,162,184)
```
#7ea2c0
```
#7ea2c0 rgb(126,162,192)
```
#77a3c7
```
#77a3c7 rgb(119,163,199)
```
#70a4ce
```
#70a4ce rgb(112,164,206)
```
#68a5d6
```
#68a5d6 rgb(104,165,214)
```
#61a5dd
```
#61a5dd rgb(97,165,221)
```
#59a6e5
```
#59a6e5 rgb(89,166,229)
```
#52a7ec
```
#52a7ec rgb(82,167,236)
```
#4ba8f3
```
#4ba8f3 rgb(75,168,243)
```
#43a9fb
```
#43a9fb rgb(67,169,251)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#8899a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea3e6 Protanopia 1% of men
#80a4ef Deuteranopia 1% of men
#39b4c1 Tritanopia 0.001% of the population

Trichromacy

#78a4e8 Protanomaly 1% of men, 0.01% of women
#6fa5ee Deuteranomaly 6% of men, 0.4% of women
#42afd1 Tritanomaly 0.01% of the population

#52a7ec hex color

#52a7ec Color Information

#52a7ec Color Conversion

Color Schemes with #52a7ec

Alternatives to #52a7ec

#52a7ec Preview

Shades and Tints of #52a7ec

Tones of #52a7ec

Color Blindness Simulator