#52caf7 hex color

In a RGB color space, hex #52caf7 is composed of 32.2% red, 79.2% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 18.2% magenta, 0% yellow and 3.1% black. It has a hue angle of 196.4 degrees, a saturation of 91.2% and a lightness of 64.5%. #52caf7 color hex could be obtained by blending #a4ffff with #0095ef. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 32
- G 79
- B 97
RGB color chart
- C 67
- M 18
- Y 0
- K 3
CMYK color chart

● #52caf7 color description : Soft blue.

The hexadecimal color #52caf7 has RGB values of R:82, G:202, B:247 and CMYK values of C:0.67, M:0.18, Y:0, K:0.03. Its decimal value is 5425911.

Hex triplet	52caf7	`#52caf7`
RGB Decimal	82, 202, 247	`rgb(82,202,247)`
RGB Percent	32.2, 79.2, 96.9	`rgb(32.2%,79.2%,96.9%)`
CMYK	67, 18, 0, 3
HSL	196.4°, 91.2, 64.5	`hsl(196.4,91.2%,64.5%)`
HSV (or HSB)	196.4°, 66.8, 96.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.525, -19.849, -31.988
XYZ	41.384, 50.747, 95.605
xyY	0.22, 0.27, 50.747
CIE-LCH	76.525, 37.646, 238.181
CIE-LUV	76.525, -45.65, -48.841
Hunter-Lab	71.237, -20.967, -29.705
Binary	01010010, 11001010, 11110111

#52caf7
```
#52caf7 rgb(82,202,247)
```
#f77f52
```
#f77f52 rgb(247,127,82)
```

Complementary Color

#52f7d2
```
#52f7d2 rgb(82,247,210)
```
#52caf7
```
#52caf7 rgb(82,202,247)
```
#5278f7
```
#5278f7 rgb(82,120,247)
```

Analogous Color

#f7d252
```
#f7d252 rgb(247,210,82)
```
#52caf7
```
#52caf7 rgb(82,202,247)
```
#f75278
```
#f75278 rgb(247,82,120)
```

Split Complementary Color

#caf752
```
#caf752 rgb(202,247,82)
```
#52caf7
```
#52caf7 rgb(82,202,247)
```
#f752ca
```
#f752ca rgb(247,82,202)
```

Triadic Color

#52f77f
```
#52f77f rgb(82,247,127)
```
#52caf7
```
#52caf7 rgb(82,202,247)
```
#f752ca
```
#f752ca rgb(247,82,202)
```
#f77f52
```
#f77f52 rgb(247,127,82)
```

Tetradic Color

#0bb3f1
```
#0bb3f1 rgb(11,179,241)
```
#21bbf5
```
#21bbf5 rgb(33,187,245)
```
#3ac3f6
```
#3ac3f6 rgb(58,195,246)
```
#52caf7
```
#52caf7 rgb(82,202,247)
```
#6ad1f8
```
#6ad1f8 rgb(106,209,248)
```
#83d9f9
```
#83d9f9 rgb(131,217,249)
```
#9be0fa
```
#9be0fa rgb(155,224,250)
```

Monochromatic Color

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

#52f3f7
```
#52f3f7 rgb(82,243,247)
```
#52e6f7
```
#52e6f7 rgb(82,230,247)
```
#52d8f7
```
#52d8f7 rgb(82,216,247)
```
#52caf7
```
#52caf7 rgb(82,202,247)
```
#52bcf7
```
#52bcf7 rgb(82,188,247)
```
#52aff7
```
#52aff7 rgb(82,175,247)
```
#52a1f7
```
#52a1f7 rgb(82,161,247)
```

Similar Colors

Text with hexadecimal color #52caf7

This text has a font color of #52caf7.

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

#52caf7 background color

This paragraph has a background color of #52caf7.

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

#52caf7 border color

This element has a border color of #52caf7.

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

CSS codes

.text {color:#52caf7;}

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

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

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, #010b0e is the darkest color, while #fbfeff is the lightest one.

#010b0e
```
#010b0e rgb(1,11,14)
```
#021921
```
#021921 rgb(2,25,33)
```
#022634
```
#022634 rgb(2,38,52)
```
#033447
```
#033447 rgb(3,52,71)
```
#044259
```
#044259 rgb(4,66,89)
```
#05506c
```
#05506c rgb(5,80,108)
```
#065e7f
```
#065e7f rgb(6,94,127)
```
#076c92
```
#076c92 rgb(7,108,146)
```
#087aa4
```
#087aa4 rgb(8,122,164)
```
#0888b7
```
#0888b7 rgb(8,136,183)
```
#0995ca
```
#0995ca rgb(9,149,202)
```
#0aa3dd
```
#0aa3dd rgb(10,163,221)
```
#0bb1ef
```
#0bb1ef rgb(11,177,239)
```

Shade Color Variation

#1ab9f4
```
#1ab9f4 rgb(26,185,244)
```
#2dbff5
```
#2dbff5 rgb(45,191,245)
```
#3fc4f6
```
#3fc4f6 rgb(63,196,246)
```
#52caf7
```
#52caf7 rgb(82,202,247)
```
#65d0f8
```
#65d0f8 rgb(101,208,248)
```
#77d5f9
```
#77d5f9 rgb(119,213,249)
```
#8adbfa
```
#8adbfa rgb(138,219,250)
```
#9de1fa
```
#9de1fa rgb(157,225,250)
```
#b0e7fb
```
#b0e7fb rgb(176,231,251)
```
#c2ecfc
```
#c2ecfc rgb(194,236,252)
```
#d5f2fd
```
#d5f2fd rgb(213,242,253)
```
#e8f8fe
```
#e8f8fe rgb(232,248,254)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#9fa7aa
```
#9fa7aa rgb(159,167,170)
```
#98aab1
```
#98aab1 rgb(152,170,177)
```
#91aeb8
```
#91aeb8 rgb(145,174,184)
```
#8ab1bf
```
#8ab1bf rgb(138,177,191)
```
#83b4c6
```
#83b4c6 rgb(131,180,198)
```
#7cb7cd
```
#7cb7cd rgb(124,183,205)
```
#75bad4
```
#75bad4 rgb(117,186,212)
```
#6ebddb
```
#6ebddb rgb(110,189,219)
```
#67c1e2
```
#67c1e2 rgb(103,193,226)
```
#60c4e9
```
#60c4e9 rgb(96,196,233)
```
#59c7f0
```
#59c7f0 rgb(89,199,240)
```
#52caf7
```
#52caf7 rgb(82,202,247)
```
#4bcdfe
```
#4bcdfe rgb(75,205,254)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#99b1ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3beed Protanopia 1% of men
#adbdfd Deuteranopia 1% of men
#49d1e0 Tritanopia 0.001% of the population

Trichromacy

#90c2f1 Protanomaly 1% of men, 0.01% of women
#8cc2fa Deuteranomaly 6% of men, 0.4% of women
#4ccee8 Tritanomaly 0.01% of the population

#52caf7 hex color

#52caf7 Color Information

#52caf7 Color Conversion

Color Schemes with #52caf7

Alternatives to #52caf7

#52caf7 Preview

Shades and Tints of #52caf7

Tones of #52caf7

Color Blindness Simulator