#52c5fa hex color

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

♥
- f
- t
- g
- R 32
- G 77
- B 98
RGB color chart
- C 67
- M 21
- Y 0
- K 2
CMYK color chart

● #52c5fa color description : Soft blue.

The hexadecimal color #52c5fa has RGB values of R:82, G:197, B:250 and CMYK values of C:0.67, M:0.21, Y:0, K:0.02. Its decimal value is 5424634.

Hex triplet	52c5fa	`#52c5fa`
RGB Decimal	82, 197, 250	`rgb(82,197,250)`
RGB Percent	32.2, 77.3, 98	`rgb(32.2%,77.3%,98%)`
CMYK	67, 21, 0, 2
HSL	198.9°, 94.4, 65.1	`hsl(198.9,94.4%,65.1%)`
HSV (or HSB)	198.9°, 67.2, 98
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.218, -16.321, -35.618
XYZ	40.697, 48.625, 97.678
xyY	0.218, 0.26, 48.625
CIE-LCH	75.218, 39.179, 245.381
CIE-LUV	75.218, -43.725, -55.431
Hunter-Lab	69.732, -17.855, -34.239
Binary	01010010, 11000101, 11111010

#52c5fa
```
#52c5fa rgb(82,197,250)
```
#fa8752
```
#fa8752 rgb(250,135,82)
```

Complementary Color

#52fadb
```
#52fadb rgb(82,250,219)
```
#52c5fa
```
#52c5fa rgb(82,197,250)
```
#5271fa
```
#5271fa rgb(82,113,250)
```

Analogous Color

#fadb52
```
#fadb52 rgb(250,219,82)
```
#52c5fa
```
#52c5fa rgb(82,197,250)
```
#fa5271
```
#fa5271 rgb(250,82,113)
```

Split Complementary Color

#c5fa52
```
#c5fa52 rgb(197,250,82)
```
#52c5fa
```
#52c5fa rgb(82,197,250)
```
#fa52c5
```
#fa52c5 rgb(250,82,197)
```

Triadic Color

#52fa87
```
#52fa87 rgb(82,250,135)
```
#52c5fa
```
#52c5fa rgb(82,197,250)
```
#fa52c5
```
#fa52c5 rgb(250,82,197)
```
#fa8752
```
#fa8752 rgb(250,135,82)
```

Tetradic Color

#08acf8
```
#08acf8 rgb(8,172,248)
```
#20b4f9
```
#20b4f9 rgb(32,180,249)
```
#39bdf9
```
#39bdf9 rgb(57,189,249)
```
#52c5fa
```
#52c5fa rgb(82,197,250)
```
#6bcdfb
```
#6bcdfb rgb(107,205,251)
```
#84d6fb
```
#84d6fb rgb(132,214,251)
```
#9cdefc
```
#9cdefc rgb(156,222,252)
```

Monochromatic Color

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

#52effa
```
#52effa rgb(82,239,250)
```
#52e1fa
```
#52e1fa rgb(82,225,250)
```
#52d3fa
```
#52d3fa rgb(82,211,250)
```
#52c5fa
```
#52c5fa rgb(82,197,250)
```
#52b7fa
```
#52b7fa rgb(82,183,250)
```
#52a9fa
```
#52a9fa rgb(82,169,250)
```
#529bfa
```
#529bfa rgb(82,155,250)
```

Similar Colors

Text with hexadecimal color #52c5fa

This text has a font color of #52c5fa.

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

#52c5fa background color

This paragraph has a background color of #52c5fa.

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

#52c5fa border color

This element has a border color of #52c5fa.

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

CSS codes

.text {color:#52c5fa;}

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

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

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

#010c12
```
#010c12 rgb(1,12,18)
```
#011925
```
#011925 rgb(1,25,37)
```
#022738
```
#022738 rgb(2,39,56)
```
#02344b
```
#02344b rgb(2,52,75)
```
#03415e
```
#03415e rgb(3,65,94)
```
#034e71
```
#034e71 rgb(3,78,113)
```
#045c84
```
#045c84 rgb(4,92,132)
```
#046997
```
#046997 rgb(4,105,151)
```
#0576aa
```
#0576aa rgb(5,118,170)
```
#0583bd
```
#0583bd rgb(5,131,189)
```
#0690d0
```
#0690d0 rgb(6,144,208)
```
#079ee3
```
#079ee3 rgb(7,158,227)
```
#07abf6
```
#07abf6 rgb(7,171,246)
```

Shade Color Variation

#19b2f8
```
#19b2f8 rgb(25,178,248)
```
#2cb8f9
```
#2cb8f9 rgb(44,184,249)
```
#3fbff9
```
#3fbff9 rgb(63,191,249)
```
#52c5fa
```
#52c5fa rgb(82,197,250)
```
#65cbfb
```
#65cbfb rgb(101,203,251)
```
#78d2fb
```
#78d2fb rgb(120,210,251)
```
#8bd8fc
```
#8bd8fc rgb(139,216,252)
```
#9edffc
```
#9edffc rgb(158,223,252)
```
#b1e5fd
```
#b1e5fd rgb(177,229,253)
```
#c4ebfd
```
#c4ebfd rgb(196,235,253)
```
#d7f2fe
```
#d7f2fe rgb(215,242,254)
```
#ebf8fe
```
#ebf8fe rgb(235,248,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 #52c5fa is the most saturated one.

#a4a7a8
```
#a4a7a8 rgb(164,167,168)
```
#9da9af
```
#9da9af rgb(157,169,175)
```
#96acb6
```
#96acb6 rgb(150,172,182)
```
#90aebc
```
#90aebc rgb(144,174,188)
```
#89b1c3
```
#89b1c3 rgb(137,177,195)
```
#82b3ca
```
#82b3ca rgb(130,179,202)
```
#7bb6d1
```
#7bb6d1 rgb(123,182,209)
```
#74b8d8
```
#74b8d8 rgb(116,184,216)
```
#6dbbdf
```
#6dbbdf rgb(109,187,223)
```
#67bde5
```
#67bde5 rgb(103,189,229)
```
#60c0ec
```
#60c0ec rgb(96,192,236)
```
#59c2f3
```
#59c2f3 rgb(89,194,243)
```
#52c5fa
```
#52c5fa rgb(82,197,250)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#98afb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adbaf1 Protanopia 1% of men
#a4baff Deuteranopia 1% of men
#43cddc Tritanopia 0.001% of the population

Trichromacy

#8cbef4 Protanomaly 1% of men, 0.01% of women
#86befd Deuteranomaly 6% of men, 0.4% of women
#48cae7 Tritanomaly 0.01% of the population

#52c5fa hex color

#52c5fa Color Information

#52c5fa Color Conversion

Color Schemes with #52c5fa

Alternatives to #52c5fa

#52c5fa Preview

Shades and Tints of #52c5fa

Tones of #52c5fa

Color Blindness Simulator