#52a5eb hex color

In a RGB color space, hex #52a5eb is composed of 32.2% red, 64.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 29.8% magenta, 0% yellow and 7.8% black. It has a hue angle of 207.5 degrees, a saturation of 79.3% and a lightness of 62.2%. #52a5eb color hex could be obtained by blending #a4ffff with #004bd7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 65
- B 92
RGB color chart
- C 65
- M 30
- Y 0
- K 8
CMYK color chart

● #52a5eb color description : Soft blue.

The hexadecimal color #52a5eb has RGB values of R:82, G:165, B:235 and CMYK values of C:0.65, M:0.3, Y:0, K:0.08. Its decimal value is 5416427.

Hex triplet	52a5eb	`#52a5eb`
RGB Decimal	82, 165, 235	`rgb(82,165,235)`
RGB Percent	32.2, 64.7, 92.2	`rgb(32.2%,64.7%,92.2%)`
CMYK	65, 30, 0, 8
HSL	207.5°, 79.3, 62.2	`hsl(207.5,79.3%,62.2%)`
HSV (or HSB)	207.5°, 65.1, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.514, -3.786, -42.602
XYZ	31.927, 34.7, 83.608
xyY	0.213, 0.231, 34.7
CIE-LCH	65.514, 42.77, 264.922
CIE-LUV	65.514, -33.09, -67.744
Hunter-Lab	58.907, -6.342, -42.917
Binary	01010010, 10100101, 11101011

#52a5eb
```
#52a5eb rgb(82,165,235)
```
#eb9852
```
#eb9852 rgb(235,152,82)
```

Complementary Color

#52ebe5
```
#52ebe5 rgb(82,235,229)
```
#52a5eb
```
#52a5eb rgb(82,165,235)
```
#5259eb
```
#5259eb rgb(82,89,235)
```

Analogous Color

#ebe552
```
#ebe552 rgb(235,229,82)
```
#52a5eb
```
#52a5eb rgb(82,165,235)
```
#eb5259
```
#eb5259 rgb(235,82,89)
```

Split Complementary Color

#a5eb52
```
#a5eb52 rgb(165,235,82)
```
#52a5eb
```
#52a5eb rgb(82,165,235)
```
#eb52a5
```
#eb52a5 rgb(235,82,165)
```

Triadic Color

#52eb98
```
#52eb98 rgb(82,235,152)
```
#52a5eb
```
#52a5eb rgb(82,165,235)
```
#eb52a5
```
#eb52a5 rgb(235,82,165)
```
#eb9852
```
#eb9852 rgb(235,152,82)
```

Tetradic Color

#1980d8
```
#1980d8 rgb(25,128,216)
```
#248de6
```
#248de6 rgb(36,141,230)
```
#3b99e8
```
#3b99e8 rgb(59,153,232)
```
#52a5eb
```
#52a5eb rgb(82,165,235)
```
#69b1ee
```
#69b1ee rgb(105,177,238)
```
#80bdf0
```
#80bdf0 rgb(128,189,240)
```
#97c9f3
```
#97c9f3 rgb(151,201,243)
```

Monochromatic Color

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

#52cbeb
```
#52cbeb rgb(82,203,235)
```
#52bfeb
```
#52bfeb rgb(82,191,235)
```
#52b2eb
```
#52b2eb rgb(82,178,235)
```
#52a5eb
```
#52a5eb rgb(82,165,235)
```
#5298eb
```
#5298eb rgb(82,152,235)
```
#528ceb
```
#528ceb rgb(82,140,235)
```
#527feb
```
#527feb rgb(82,127,235)
```

Similar Colors

Text with hexadecimal color #52a5eb

This text has a font color of #52a5eb.

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

#52a5eb background color

This paragraph has a background color of #52a5eb.

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

#52a5eb border color

This element has a border color of #52a5eb.

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

CSS codes

.text {color:#52a5eb;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#020c14
```
#020c14 rgb(2,12,20)
```
#041726
```
#041726 rgb(4,23,38)
```
#062138
```
#062138 rgb(6,33,56)
```
#082c49
```
#082c49 rgb(8,44,73)
```
#0a365b
```
#0a365b rgb(10,54,91)
```
#0d406c
```
#0d406c rgb(13,64,108)
```
#0f4b7e
```
#0f4b7e rgb(15,75,126)
```
#11558f
```
#11558f rgb(17,85,143)
```
#1360a1
```
#1360a1 rgb(19,96,161)
```
#156ab3
```
#156ab3 rgb(21,106,179)
```
#1775c4
```
#1775c4 rgb(23,117,196)
```
#197fd6
```
#197fd6 rgb(25,127,214)
```

Shade Color Variation

#1d8ae5
```
#1d8ae5 rgb(29,138,229)
```
#2f93e7
```
#2f93e7 rgb(47,147,231)
```
#409ce9
```
#409ce9 rgb(64,156,233)
```
#52a5eb
```
#52a5eb rgb(82,165,235)
```
#64aeed
```
#64aeed rgb(100,174,237)
```
#75b7ef
```
#75b7ef rgb(117,183,239)
```
#87c0f1
```
#87c0f1 rgb(135,192,241)
```
#98caf3
```
#98caf3 rgb(152,202,243)
```
#aad3f5
```
#aad3f5 rgb(170,211,245)
```
#bbdcf7
```
#bbdcf7 rgb(187,220,247)
```
#cde5f9
```
#cde5f9 rgb(205,229,249)
```
#dfeefb
```
#dfeefb rgb(223,238,251)
```
#f0f7fd
```
#f0f7fd rgb(240,247,253)
```

Tint Color Variation

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

#9c9fa1
```
#9c9fa1 rgb(156,159,161)
```
#959fa8
```
#959fa8 rgb(149,159,168)
```
#8da0b0
```
#8da0b0 rgb(141,160,176)
```
#86a1b7
```
#86a1b7 rgb(134,161,183)
```
#7fa1be
```
#7fa1be rgb(127,161,190)
```
#77a2c6
```
#77a2c6 rgb(119,162,198)
```
#70a2cd
```
#70a2cd rgb(112,162,205)
```
#68a3d5
```
#68a3d5 rgb(104,163,213)
```
#61a4dc
```
#61a4dc rgb(97,164,220)
```
#59a4e4
```
#59a4e4 rgb(89,164,228)
```
#52a5eb
```
#52a5eb rgb(82,165,235)
```
#4ba6f2
```
#4ba6f2 rgb(75,166,242)
```
#43a6fa
```
#43a6fa rgb(67,166,250)
```

Tone Color Variation

Below, you can see how #52a5eb 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
#8797a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca1e6 Protanopia 1% of men
#7ea3ee Deuteranopia 1% of men
#38b2bf Tritanopia 0.001% of the population

Trichromacy

#76a2e7 Protanomaly 1% of men, 0.01% of women
#6ea4ed Deuteranomaly 6% of men, 0.4% of women
#41adcf Tritanomaly 0.01% of the population

#52a5eb hex color

#52a5eb Color Information

#52a5eb Color Conversion

Color Schemes with #52a5eb

Alternatives to #52a5eb

#52a5eb Preview

Shades and Tints of #52a5eb

Tones of #52a5eb

Color Blindness Simulator