#52ccfd hex color

In a RGB color space, hex #52ccfd is composed of 32.2% red, 80% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 19.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 197.2 degrees, a saturation of 97.7% and a lightness of 65.7%. #52ccfd color hex could be obtained by blending #a4ffff with #0099fb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 32
- G 80
- B 99
RGB color chart
- C 68
- M 19
- Y 0
- K 1
CMYK color chart

● #52ccfd color description : Soft blue.

The hexadecimal color #52ccfd has RGB values of R:82, G:204, B:253 and CMYK values of C:0.68, M:0.19, Y:0, K:0.01. Its decimal value is 5426429.

Hex triplet	52ccfd	`#52ccfd`
RGB Decimal	82, 204, 253	`rgb(82,204,253)`
RGB Percent	32.2, 80, 99.2	`rgb(32.2%,80%,99.2%)`
CMYK	68, 19, 0, 1
HSL	197.2°, 97.7, 65.7	`hsl(197.2,97.7%,65.7%)`
HSV (or HSB)	197.2°, 67.6, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.321, -19.014, -33.971
XYZ	42.798, 52.068, 100.718
xyY	0.219, 0.266, 52.068
CIE-LCH	77.321, 38.93, 240.764
CIE-LUV	77.321, -46.039, -52.422
Hunter-Lab	72.158, -20.407, -32.246
Binary	01010010, 11001100, 11111101

#52ccfd
```
#52ccfd rgb(82,204,253)
```
#fd8352
```
#fd8352 rgb(253,131,82)
```

Complementary Color

#52fdd9
```
#52fdd9 rgb(82,253,217)
```
#52ccfd
```
#52ccfd rgb(82,204,253)
```
#5277fd
```
#5277fd rgb(82,119,253)
```

Analogous Color

#fdd952
```
#fdd952 rgb(253,217,82)
```
#52ccfd
```
#52ccfd rgb(82,204,253)
```
#fd5277
```
#fd5277 rgb(253,82,119)
```

Split Complementary Color

#ccfd52
```
#ccfd52 rgb(204,253,82)
```
#52ccfd
```
#52ccfd rgb(82,204,253)
```
#fd52cc
```
#fd52cc rgb(253,82,204)
```

Triadic Color

#52fd83
```
#52fd83 rgb(82,253,131)
```
#52ccfd
```
#52ccfd rgb(82,204,253)
```
#fd52cc
```
#fd52cc rgb(253,82,204)
```
#fd8352
```
#fd8352 rgb(253,131,82)
```

Tetradic Color

#06b6fc
```
#06b6fc rgb(6,182,252)
```
#20bdfc
```
#20bdfc rgb(32,189,252)
```
#39c5fd
```
#39c5fd rgb(57,197,253)
```
#52ccfd
```
#52ccfd rgb(82,204,253)
```
#6bd3fd
```
#6bd3fd rgb(107,211,253)
```
#84dbfe
```
#84dbfe rgb(132,219,254)
```
#9ee2fe
```
#9ee2fe rgb(158,226,254)
```

Monochromatic Color

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

#52f7fd
```
#52f7fd rgb(82,247,253)
```
#52e9fd
```
#52e9fd rgb(82,233,253)
```
#52dafd
```
#52dafd rgb(82,218,253)
```
#52ccfd
```
#52ccfd rgb(82,204,253)
```
#52befd
```
#52befd rgb(82,190,253)
```
#52b0fd
```
#52b0fd rgb(82,176,253)
```
#52a1fd
```
#52a1fd rgb(82,161,253)
```

Similar Colors

Text with hexadecimal color #52ccfd

This text has a font color of #52ccfd.

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

#52ccfd background color

This paragraph has a background color of #52ccfd.

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

#52ccfd border color

This element has a border color of #52ccfd.

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

CSS codes

.text {color:#52ccfd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000f15
```
#000f15 rgb(0,15,21)
```
#001d28
```
#001d28 rgb(0,29,40)
```
#012b3c
```
#012b3c rgb(1,43,60)
```
#01394f
```
#01394f rgb(1,57,79)
```
#014762
```
#014762 rgb(1,71,98)
```
#015476
```
#015476 rgb(1,84,118)
```
#026289
```
#026289 rgb(2,98,137)
```
#02709d
```
#02709d rgb(2,112,157)
```
#027eb0
```
#027eb0 rgb(2,126,176)
```
#028cc3
```
#028cc3 rgb(2,140,195)
```
#029ad7
```
#029ad7 rgb(2,154,215)
```
#03a8ea
```
#03a8ea rgb(3,168,234)
```

Shade Color Variation

#04b5fc
```
#04b5fc rgb(4,181,252)
```
#18bbfc
```
#18bbfc rgb(24,187,252)
```
#2bc1fd
```
#2bc1fd rgb(43,193,253)
```
#3fc6fd
```
#3fc6fd rgb(63,198,253)
```
#52ccfd
```
#52ccfd rgb(82,204,253)
```
#65d2fd
```
#65d2fd rgb(101,210,253)
```
#79d7fd
```
#79d7fd rgb(121,215,253)
```
#8cddfe
```
#8cddfe rgb(140,221,254)
```
#a0e3fe
```
#a0e3fe rgb(160,227,254)
```
#b3e9fe
```
#b3e9fe rgb(179,233,254)
```
#c6eefe
```
#c6eefe rgb(198,238,254)
```
#daf4ff
```
#daf4ff rgb(218,244,255)
```
#edfaff
```
#edfaff rgb(237,250,255)
```

Tint Color Variation

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

#a3aaac
```
#a3aaac rgb(163,170,172)
```
#9cacb3
```
#9cacb3 rgb(156,172,179)
```
#95afba
```
#95afba rgb(149,175,186)
```
#8fb2c0
```
#8fb2c0 rgb(143,178,192)
```
#88b5c7
```
#88b5c7 rgb(136,181,199)
```
#81b8ce
```
#81b8ce rgb(129,184,206)
```
#7abbd5
```
#7abbd5 rgb(122,187,213)
```
#74bedb
```
#74bedb rgb(116,190,219)
```
#6dc1e2
```
#6dc1e2 rgb(109,193,226)
```
#66c3e9
```
#66c3e9 rgb(102,195,233)
```
#5fc6f0
```
#5fc6f0 rgb(95,198,240)
```
#59c9f6
```
#59c9f6 rgb(89,201,246)
```
#52ccfd
```
#52ccfd rgb(82,204,253)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9bb3bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4c0f3 Protanopia 1% of men
#aec0ff Deuteranopia 1% of men
#45d3e3 Tritanopia 0.001% of the population

Trichromacy

#90c4f7 Protanomaly 1% of men, 0.01% of women
#8cc4fe Deuteranomaly 6% of men, 0.4% of women
#4ad0ec Tritanomaly 0.01% of the population

#52ccfd hex color

#52ccfd Color Information

#52ccfd Color Conversion

Color Schemes with #52ccfd

Alternatives to #52ccfd

#52ccfd Preview

Shades and Tints of #52ccfd

Tones of #52ccfd

Color Blindness Simulator