#52a4ec hex color

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

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

● #52a4ec color description : Soft blue.

The hexadecimal color #52a4ec has RGB values of R:82, G:164, B:236 and CMYK values of C:0.65, M:0.31, Y:0, K:0.07. Its decimal value is 5416172.

Hex triplet	52a4ec	`#52a4ec`
RGB Decimal	82, 164, 236	`rgb(82,164,236)`
RGB Percent	32.2, 64.3, 92.5	`rgb(32.2%,64.3%,92.5%)`
CMYK	65, 31, 0, 7
HSL	208.1°, 80.2, 62.4	`hsl(208.1,80.2%,62.4%)`
HSV (or HSB)	208.1°, 65.3, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.278, -2.892, -43.522
XYZ	31.892, 34.399, 84.311
xyY	0.212, 0.228, 34.399
CIE-LCH	65.278, 43.618, 266.199
CIE-LUV	65.278, -32.706, -69.366
Hunter-Lab	58.65, -5.576, -44.176
Binary	01010010, 10100100, 11101100

#52a4ec
```
#52a4ec rgb(82,164,236)
```
#ec9a52
```
#ec9a52 rgb(236,154,82)
```

Complementary Color

#52ece7
```
#52ece7 rgb(82,236,231)
```
#52a4ec
```
#52a4ec rgb(82,164,236)
```
#5257ec
```
#5257ec rgb(82,87,236)
```

Analogous Color

#ece752
```
#ece752 rgb(236,231,82)
```
#52a4ec
```
#52a4ec rgb(82,164,236)
```
#ec5257
```
#ec5257 rgb(236,82,87)
```

Split Complementary Color

#a4ec52
```
#a4ec52 rgb(164,236,82)
```
#52a4ec
```
#52a4ec rgb(82,164,236)
```
#ec52a4
```
#ec52a4 rgb(236,82,164)
```

Triadic Color

#52ec9a
```
#52ec9a rgb(82,236,154)
```
#52a4ec
```
#52a4ec rgb(82,164,236)
```
#ec52a4
```
#ec52a4 rgb(236,82,164)
```
#ec9a52
```
#ec9a52 rgb(236,154,82)
```

Tetradic Color

#187fda
```
#187fda rgb(24,127,218)
```
#248ce7
```
#248ce7 rgb(36,140,231)
```
#3b98e9
```
#3b98e9 rgb(59,152,233)
```
#52a4ec
```
#52a4ec rgb(82,164,236)
```
#69b0ef
```
#69b0ef rgb(105,176,239)
```
#80bcf1
```
#80bcf1 rgb(128,188,241)
```
#97c8f4
```
#97c8f4 rgb(151,200,244)
```

Monochromatic Color

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

#52cbec
```
#52cbec rgb(82,203,236)
```
#52beec
```
#52beec rgb(82,190,236)
```
#52b1ec
```
#52b1ec rgb(82,177,236)
```
#52a4ec
```
#52a4ec rgb(82,164,236)
```
#5297ec
```
#5297ec rgb(82,151,236)
```
#528aec
```
#528aec rgb(82,138,236)
```
#527eec
```
#527eec rgb(82,126,236)
```

Similar Colors

Text with hexadecimal color #52a4ec

This text has a font color of #52a4ec.

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

#52a4ec background color

This paragraph has a background color of #52a4ec.

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

#52a4ec border color

This element has a border color of #52a4ec.

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

CSS codes

.text {color:#52a4ec;}

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

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

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)
```
#041727
```
#041727 rgb(4,23,39)
```
#062139
```
#062139 rgb(6,33,57)
```
#082b4a
```
#082b4a rgb(8,43,74)
```
#0a365c
```
#0a365c rgb(10,54,92)
```
#0c406e
```
#0c406e rgb(12,64,110)
```
#0e4a7f
```
#0e4a7f rgb(14,74,127)
```
#105591
```
#105591 rgb(16,85,145)
```
#125fa3
```
#125fa3 rgb(18,95,163)
```
#1469b4
```
#1469b4 rgb(20,105,180)
```
#1674c6
```
#1674c6 rgb(22,116,198)
```
#187ed8
```
#187ed8 rgb(24,126,216)
```

Shade Color Variation

#1d88e6
```
#1d88e6 rgb(29,136,230)
```
#2f91e8
```
#2f91e8 rgb(47,145,232)
```
#409bea
```
#409bea rgb(64,155,234)
```
#52a4ec
```
#52a4ec rgb(82,164,236)
```
#64adee
```
#64adee rgb(100,173,238)
```
#75b7f0
```
#75b7f0 rgb(117,183,240)
```
#87c0f2
```
#87c0f2 rgb(135,192,242)
```
#99c9f4
```
#99c9f4 rgb(153,201,244)
```
#aad2f6
```
#aad2f6 rgb(170,210,246)
```
#bcdcf8
```
#bcdcf8 rgb(188,220,248)
```
#cee5fa
```
#cee5fa rgb(206,229,250)
```
#dfeefc
```
#dfeefc rgb(223,238,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 #43a5fb is the most saturated one.

#9c9fa2
```
#9c9fa2 rgb(156,159,162)
```
#94a0aa
```
#94a0aa rgb(148,160,170)
```
#8da0b1
```
#8da0b1 rgb(141,160,177)
```
#86a1b8
```
#86a1b8 rgb(134,161,184)
```
#7ea1c0
```
#7ea1c0 rgb(126,161,192)
```
#77a2c7
```
#77a2c7 rgb(119,162,199)
```
#70a2ce
```
#70a2ce rgb(112,162,206)
```
#68a3d6
```
#68a3d6 rgb(104,163,214)
```
#61a3dd
```
#61a3dd rgb(97,163,221)
```
#59a4e5
```
#59a4e5 rgb(89,164,229)
```
#52a4ec
```
#52a4ec rgb(82,164,236)
```
#4ba4f3
```
#4ba4f3 rgb(75,164,243)
```
#43a5fb
```
#43a5fb rgb(67,165,251)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8797a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8aa1e7 Protanopia 1% of men
#7ba3ef Deuteranopia 1% of men
#36b2bf Tritanopia 0.001% of the population

Trichromacy

#75a2e9 Protanomaly 1% of men, 0.01% of women
#6ca3ee Deuteranomaly 6% of men, 0.4% of women
#40adcf Tritanomaly 0.01% of the population

#52a4ec hex color

#52a4ec Color Information

#52a4ec Color Conversion

Color Schemes with #52a4ec

Alternatives to #52a4ec

#52a4ec Preview

Shades and Tints of #52a4ec

Tones of #52a4ec

Color Blindness Simulator