colorhexa.com

#52cafa hex color

In a RGB color space, hex #52cafa is composed of 32.2% red, 79.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 19.2% magenta, 0% yellow and 2% black. It has a hue angle of 197.1 degrees, a saturation of 94.4% and a lightness of 65.1%. #52cafa color hex could be obtained by blending #a4ffff with #0095f5. Closest websafe color is: #66ccff.

- R 32
- G 79
- B 98
RGB color chart
- C 67
- M 19
- Y 0
- K 2
CMYK color chart

● #52cafa color description : Soft blue.

The hexadecimal color #52cafa has RGB values of R:82, G:202, B:250 and CMYK values of C:0.67, M:0.19, Y:0, K:0.02. Its decimal value is 5425914.

Hex triplet	52cafa	`#52cafa`
RGB Decimal	82, 202, 250	`rgb(82,202,250)`
RGB Percent	32.2, 79.2, 98	`rgb(32.2%,79.2%,98%)`
CMYK	67, 19, 0, 2
HSL	197.1°, 94.4, 65.1	`hsl(197.1,94.4%,65.1%)`
HSV (or HSB)	197.1°, 67.2, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.639, -18.918, -33.421
XYZ	41.851, 50.934, 98.063
xyY	0.219, 0.267, 50.934
CIE-LCH	76.639, 38.403, 240.488
CIE-LUV	76.639, -45.492, -51.432
Hunter-Lab	71.368, -20.219, -31.51
Binary	01010010, 11001010, 11111010

#52cafa
```
#52cafa rgb(82,202,250)
```
#fa8252
```
#fa8252 rgb(250,130,82)
```

Complementary Color

#52fad6
```
#52fad6 rgb(82,250,214)
```
#52cafa
```
#52cafa rgb(82,202,250)
```
#5276fa
```
#5276fa rgb(82,118,250)
```

Analogous Color

#fad652
```
#fad652 rgb(250,214,82)
```
#52cafa
```
#52cafa rgb(82,202,250)
```
#fa5276
```
#fa5276 rgb(250,82,118)
```

Split Complementary Color

#cafa52
```
#cafa52 rgb(202,250,82)
```
#52cafa
```
#52cafa rgb(82,202,250)
```
#fa52ca
```
#fa52ca rgb(250,82,202)
```

Triadic Color

#52fa82
```
#52fa82 rgb(82,250,130)
```
#52cafa
```
#52cafa rgb(82,202,250)
```
#fa52ca
```
#fa52ca rgb(250,82,202)
```
#fa8252
```
#fa8252 rgb(250,130,82)
```

Tetradic Color

#08b3f8
```
#08b3f8 rgb(8,179,248)
```
#20bbf9
```
#20bbf9 rgb(32,187,249)
```
#39c2f9
```
#39c2f9 rgb(57,194,249)
```
#52cafa
```
#52cafa rgb(82,202,250)
```
#6bd2fb
```
#6bd2fb rgb(107,210,251)
```
#84d9fb
```
#84d9fb rgb(132,217,251)
```
#9ce1fc
```
#9ce1fc rgb(156,225,252)
```

Monochromatic Color

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

#52f4fa
```
#52f4fa rgb(82,244,250)
```
#52e6fa
```
#52e6fa rgb(82,230,250)
```
#52d8fa
```
#52d8fa rgb(82,216,250)
```
#52cafa
```
#52cafa rgb(82,202,250)
```
#52bcfa
```
#52bcfa rgb(82,188,250)
```
#52aefa
```
#52aefa rgb(82,174,250)
```
#52a0fa
```
#52a0fa rgb(82,160,250)
```

Similar Colors

Text with hexadecimal color #52cafa

This text has a font color of #52cafa.

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

#52cafa background color

This paragraph has a background color of #52cafa.

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

#52cafa border color

This element has a border color of #52cafa.

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

CSS codes

.text {color:#52cafa;}

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

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

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

#010d12
```
#010d12 rgb(1,13,18)
```
#011b25
```
#011b25 rgb(1,27,37)
```
#022838
```
#022838 rgb(2,40,56)
```
#02364b
```
#02364b rgb(2,54,75)
```
#03445e
```
#03445e rgb(3,68,94)
```
#035271
```
#035271 rgb(3,82,113)
```
#045f84
```
#045f84 rgb(4,95,132)
```
#046d97
```
#046d97 rgb(4,109,151)
```
#057baa
```
#057baa rgb(5,123,170)
```
#0589bd
```
#0589bd rgb(5,137,189)
```
#0696d0
```
#0696d0 rgb(6,150,208)
```
#07a4e3
```
#07a4e3 rgb(7,164,227)
```
#07b2f6
```
#07b2f6 rgb(7,178,246)
```

Shade Color Variation

#19b8f8
```
#19b8f8 rgb(25,184,248)
```
#2cbef9
```
#2cbef9 rgb(44,190,249)
```
#3fc4f9
```
#3fc4f9 rgb(63,196,249)
```
#52cafa
```
#52cafa rgb(82,202,250)
```
#65d0fb
```
#65d0fb rgb(101,208,251)
```
#78d6fb
```
#78d6fb rgb(120,214,251)
```
#8bdcfc
```
#8bdcfc rgb(139,220,252)
```
#9ee1fc
```
#9ee1fc rgb(158,225,252)
```
#b1e7fd
```
#b1e7fd rgb(177,231,253)
```
#c4edfd
```
#c4edfd rgb(196,237,253)
```
#d7f3fe
```
#d7f3fe rgb(215,243,254)
```
#ebf9fe
```
#ebf9fe rgb(235,249,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#a4a7a8
```
#a4a7a8 rgb(164,167,168)
```
#9daaaf
```
#9daaaf rgb(157,170,175)
```
#96adb6
```
#96adb6 rgb(150,173,182)
```
#90b0bc
```
#90b0bc rgb(144,176,188)
```
#89b3c3
```
#89b3c3 rgb(137,179,195)
```
#82b5ca
```
#82b5ca rgb(130,181,202)
```
#7bb8d1
```
#7bb8d1 rgb(123,184,209)
```
#74bbd8
```
#74bbd8 rgb(116,187,216)
```
#6dbedf
```
#6dbedf rgb(109,190,223)
```
#67c1e5
```
#67c1e5 rgb(103,193,229)
```
#60c4ec
```
#60c4ec rgb(96,196,236)
```
#59c7f3
```
#59c7f3 rgb(89,199,243)
```
#52cafa
```
#52cafa rgb(82,202,250)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#9ab2bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bef0 Protanopia 1% of men
#acbeff Deuteranopia 1% of men
#46d1e0 Tritanopia 0.001% of the population

Trichromacy

#8fc2f4 Protanomaly 1% of men, 0.01% of women
#8bc2fd Deuteranomaly 6% of men, 0.4% of women
#4acee9 Tritanomaly 0.01% of the population