#52aed9 hex color

In a RGB color space, hex #52aed9 is composed of 32.2% red, 68.2% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 19.8% magenta, 0% yellow and 14.9% black. It has a hue angle of 199.1 degrees, a saturation of 64% and a lightness of 58.6%. #52aed9 color hex could be obtained by blending #a4ffff with #005db3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 68
- B 85
RGB color chart
- C 62
- M 20
- Y 0
- K 15
CMYK color chart

● #52aed9 color description : Soft blue.

The hexadecimal color #52aed9 has RGB values of R:82, G:174, B:217 and CMYK values of C:0.62, M:0.2, Y:0, K:0.15. Its decimal value is 5418713.

Hex triplet	52aed9	`#52aed9`
RGB Decimal	82, 174, 217	`rgb(82,174,217)`
RGB Percent	32.2, 68.2, 85.1	`rgb(32.2%,68.2%,85.1%)`
CMYK	62, 20, 0, 15
HSL	199.1°, 64, 58.6	`hsl(199.1,64%,58.6%)`
HSV (or HSB)	199.1°, 62.2, 85.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.332, -14.51, -29.884
XYZ	31.137, 37.073, 71.157
xyY	0.223, 0.266, 37.073
CIE-LCH	67.332, 33.22, 244.101
CIE-LUV	67.332, -37.02, -45.192
Hunter-Lab	60.888, -15.272, -26.668
Binary	01010010, 10101110, 11011001

#52aed9
```
#52aed9 rgb(82,174,217)
```
#d97d52
```
#d97d52 rgb(217,125,82)
```

Complementary Color

#52d9c1
```
#52d9c1 rgb(82,217,193)
```
#52aed9
```
#52aed9 rgb(82,174,217)
```
#526bd9
```
#526bd9 rgb(82,107,217)
```

Analogous Color

#d9c152
```
#d9c152 rgb(217,193,82)
```
#52aed9
```
#52aed9 rgb(82,174,217)
```
#d9526b
```
#d9526b rgb(217,82,107)
```

Split Complementary Color

#aed952
```
#aed952 rgb(174,217,82)
```
#52aed9
```
#52aed9 rgb(82,174,217)
```
#d952ae
```
#d952ae rgb(217,82,174)
```

Triadic Color

#52d97d
```
#52d97d rgb(82,217,125)
```
#52aed9
```
#52aed9 rgb(82,174,217)
```
#d952ae
```
#d952ae rgb(217,82,174)
```
#d97d52
```
#d97d52 rgb(217,125,82)
```

Tetradic Color

#2889b6
```
#2889b6 rgb(40,137,182)
```
#2d99cb
```
#2d99cb rgb(45,153,203)
```
#3da4d4
```
#3da4d4 rgb(61,164,212)
```
#52aed9
```
#52aed9 rgb(82,174,217)
```
#67b8de
```
#67b8de rgb(103,184,222)
```
#7cc2e2
```
#7cc2e2 rgb(124,194,226)
```
#91cbe7
```
#91cbe7 rgb(145,203,231)
```

Monochromatic Color

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

#52d0d9
```
#52d0d9 rgb(82,208,217)
```
#52c5d9
```
#52c5d9 rgb(82,197,217)
```
#52b9d9
```
#52b9d9 rgb(82,185,217)
```
#52aed9
```
#52aed9 rgb(82,174,217)
```
#52a3d9
```
#52a3d9 rgb(82,163,217)
```
#5298d9
```
#5298d9 rgb(82,152,217)
```
#528cd9
```
#528cd9 rgb(82,140,217)
```

Similar Colors

Text with hexadecimal color #52aed9

This text has a font color of #52aed9.

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

#52aed9 background color

This paragraph has a background color of #52aed9.

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

#52aed9 border color

This element has a border color of #52aed9.

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

CSS codes

.text {color:#52aed9;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#040f14
```
#040f14 rgb(4,15,20)
```
#081b24
```
#081b24 rgb(8,27,36)
```
#0b2734
```
#0b2734 rgb(11,39,52)
```
#0f3344
```
#0f3344 rgb(15,51,68)
```
#133f54
```
#133f54 rgb(19,63,84)
```
#164b64
```
#164b64 rgb(22,75,100)
```
#1a5874
```
#1a5874 rgb(26,88,116)
```
#1d6485
```
#1d6485 rgb(29,100,133)
```
#217095
```
#217095 rgb(33,112,149)
```
#247ca5
```
#247ca5 rgb(36,124,165)
```
#2888b5
```
#2888b5 rgb(40,136,181)
```
#2b94c5
```
#2b94c5 rgb(43,148,197)
```

Shade Color Variation

#329fd2
```
#329fd2 rgb(50,159,210)
```
#42a6d5
```
#42a6d5 rgb(66,166,213)
```
#52aed9
```
#52aed9 rgb(82,174,217)
```
#62b6dd
```
#62b6dd rgb(98,182,221)
```
#72bde0
```
#72bde0 rgb(114,189,224)
```
#82c5e4
```
#82c5e4 rgb(130,197,228)
```
#92cce7
```
#92cce7 rgb(146,204,231)
```
#a2d4eb
```
#a2d4eb rgb(162,212,235)
```
#b2dbee
```
#b2dbee rgb(178,219,238)
```
#c3e3f2
```
#c3e3f2 rgb(195,227,242)
```
#d3eaf5
```
#d3eaf5 rgb(211,234,245)
```
#e3f2f9
```
#e3f2f9 rgb(227,242,249)
```
#f3f9fc
```
#f3f9fc rgb(243,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939698 is the less saturated color, while #32baf9 is the most saturated one.

#939698
```
#939698 rgb(147,150,152)
```
#8b99a0
```
#8b99a0 rgb(139,153,160)
```
#839ca8
```
#839ca8 rgb(131,156,168)
```
#7b9fb0
```
#7b9fb0 rgb(123,159,176)
```
#72a2b9
```
#72a2b9 rgb(114,162,185)
```
#6aa5c1
```
#6aa5c1 rgb(106,165,193)
```
#62a8c9
```
#62a8c9 rgb(98,168,201)
```
#5aabd1
```
#5aabd1 rgb(90,171,209)
```
#52aed9
```
#52aed9 rgb(82,174,217)
```
#4ab1e1
```
#4ab1e1 rgb(74,177,225)
```
#42b4e9
```
#42b4e9 rgb(66,180,233)
```
#3ab7f1
```
#3ab7f1 rgb(58,183,241)
```
#32baf9
```
#32baf9 rgb(50,186,249)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#899ca4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca6d3 Protanopia 1% of men
#97a6df Deuteranopia 1% of men
#4cb6c3 Tritanopia 0.001% of the population

Trichromacy

#81a9d5 Protanomaly 1% of men, 0.01% of women
#7da9dd Deuteranomaly 6% of men, 0.4% of women
#4eb3cb Tritanomaly 0.01% of the population

#52aed9 hex color

#52aed9 Color Information

#52aed9 Color Conversion

Color Schemes with #52aed9

Alternatives to #52aed9

#52aed9 Preview

Shades and Tints of #52aed9

Tones of #52aed9

Color Blindness Simulator