#52b2fd hex color

In a RGB color space, hex #52b2fd is composed of 32.2% red, 69.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 67.6% cyan, 29.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 206.3 degrees, a saturation of 97.7% and a lightness of 65.7%. #52b2fd color hex could be obtained by blending #a4ffff with #0065fb. Closest websafe color is: #6699ff.

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

● #52b2fd color description : Soft blue.

The hexadecimal color #52b2fd has RGB values of R:82, G:178, B:253 and CMYK values of C:0.68, M:0.3, Y:0, K:0.01. Its decimal value is 5419773.

Hex triplet	52b2fd	`#52b2fd`
RGB Decimal	82, 178, 253	`rgb(82,178,253)`
RGB Percent	32.2, 69.8, 99.2	`rgb(32.2%,69.8%,99.2%)`
CMYK	68, 30, 0, 1
HSL	206.3°, 97.7, 65.7	`hsl(206.3,97.7%,65.7%)`
HSV (or HSB)	206.3°, 67.6, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.982, -5.117, -45.398
XYZ	37.125, 40.724, 98.827
xyY	0.21, 0.23, 40.724
CIE-LCH	69.982, 45.686, 263.569
CIE-LUV	69.982, -36.942, -73.027
Hunter-Lab	63.815, -7.831, -47.149
Binary	01010010, 10110010, 11111101

#52b2fd
```
#52b2fd rgb(82,178,253)
```
#fd9d52
```
#fd9d52 rgb(253,157,82)
```

Complementary Color

#52fdf3
```
#52fdf3 rgb(82,253,243)
```
#52b2fd
```
#52b2fd rgb(82,178,253)
```
#525dfd
```
#525dfd rgb(82,93,253)
```

Analogous Color

#fdf352
```
#fdf352 rgb(253,243,82)
```
#52b2fd
```
#52b2fd rgb(82,178,253)
```
#fd525d
```
#fd525d rgb(253,82,93)
```

Split Complementary Color

#b2fd52
```
#b2fd52 rgb(178,253,82)
```
#52b2fd
```
#52b2fd rgb(82,178,253)
```
#fd52b2
```
#fd52b2 rgb(253,82,178)
```

Triadic Color

#52fd9d
```
#52fd9d rgb(82,253,157)
```
#52b2fd
```
#52b2fd rgb(82,178,253)
```
#fd52b2
```
#fd52b2 rgb(253,82,178)
```
#fd9d52
```
#fd9d52 rgb(253,157,82)
```

Tetradic Color

#0690fc
```
#0690fc rgb(6,144,252)
```
#209cfc
```
#209cfc rgb(32,156,252)
```
#39a7fd
```
#39a7fd rgb(57,167,253)
```
#52b2fd
```
#52b2fd rgb(82,178,253)
```
#6bbdfd
```
#6bbdfd rgb(107,189,253)
```
#84c8fe
```
#84c8fe rgb(132,200,254)
```
#9ed4fe
```
#9ed4fe rgb(158,212,254)
```

Monochromatic Color

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

#52ddfd
```
#52ddfd rgb(82,221,253)
```
#52cffd
```
#52cffd rgb(82,207,253)
```
#52c0fd
```
#52c0fd rgb(82,192,253)
```
#52b2fd
```
#52b2fd rgb(82,178,253)
```
#52a4fd
```
#52a4fd rgb(82,164,253)
```
#5296fd
```
#5296fd rgb(82,150,253)
```
#5287fd
```
#5287fd rgb(82,135,253)
```

Similar Colors

Text with hexadecimal color #52b2fd

This text has a font color of #52b2fd.

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

#52b2fd background color

This paragraph has a background color of #52b2fd.

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

#52b2fd border color

This element has a border color of #52b2fd.

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

CSS codes

.text {color:#52b2fd;}

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

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

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 #edf7ff is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#000c15
```
#000c15 rgb(0,12,21)
```
#001728
```
#001728 rgb(0,23,40)
```
#01223c
```
#01223c rgb(1,34,60)
```
#012d4f
```
#012d4f rgb(1,45,79)
```
#013862
```
#013862 rgb(1,56,98)
```
#014376
```
#014376 rgb(1,67,118)
```
#024e89
```
#024e89 rgb(2,78,137)
```
#02599d
```
#02599d rgb(2,89,157)
```
#0264b0
```
#0264b0 rgb(2,100,176)
```
#026fc3
```
#026fc3 rgb(2,111,195)
```
#027ad7
```
#027ad7 rgb(2,122,215)
```
#0385ea
```
#0385ea rgb(3,133,234)
```

Shade Color Variation

#048ffc
```
#048ffc rgb(4,143,252)
```
#1898fc
```
#1898fc rgb(24,152,252)
```
#2ba1fd
```
#2ba1fd rgb(43,161,253)
```
#3fa9fd
```
#3fa9fd rgb(63,169,253)
```
#52b2fd
```
#52b2fd rgb(82,178,253)
```
#65bbfd
```
#65bbfd rgb(101,187,253)
```
#79c3fd
```
#79c3fd rgb(121,195,253)
```
#8cccfe
```
#8cccfe rgb(140,204,254)
```
#a0d5fe
```
#a0d5fe rgb(160,213,254)
```
#b3ddfe
```
#b3ddfe rgb(179,221,254)
```
#c6e6fe
```
#c6e6fe rgb(198,230,254)
```
#daeeff
```
#daeeff rgb(218,238,255)
```
#edf7ff
```
#edf7ff rgb(237,247,255)
```

Tint Color Variation

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

#a3a8ac
```
#a3a8ac rgb(163,168,172)
```
#9ca9b3
```
#9ca9b3 rgb(156,169,179)
```
#95aaba
```
#95aaba rgb(149,170,186)
```
#8fabc0
```
#8fabc0 rgb(143,171,192)
```
#88abc7
```
#88abc7 rgb(136,171,199)
```
#81acce
```
#81acce rgb(129,172,206)
```
#7aadd5
```
#7aadd5 rgb(122,173,213)
```
#74aedb
```
#74aedb rgb(116,174,219)
```
#6dafe2
```
#6dafe2 rgb(109,175,226)
```
#66b0e9
```
#66b0e9 rgb(102,176,233)
```
#5fb0f0
```
#5fb0f0 rgb(95,176,240)
```
#59b1f6
```
#59b1f6 rgb(89,177,246)
```
#52b2fd
```
#52b2fd rgb(82,178,253)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8fa2b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95acf6 Protanopia 1% of men
#86aeff Deuteranopia 1% of men
#2ebfcd Tritanopia 0.001% of the population

Trichromacy

#7daef8 Protanomaly 1% of men, 0.01% of women
#73b0fe Deuteranomaly 6% of men, 0.4% of women
#3bbade Tritanomaly 0.01% of the population

#52b2fd hex color

#52b2fd Color Information

#52b2fd Color Conversion

Color Schemes with #52b2fd

Alternatives to #52b2fd

#52b2fd Preview

Shades and Tints of #52b2fd

Tones of #52b2fd

Color Blindness Simulator