#52b7fd hex color

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

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

● #52b7fd color description : Soft blue.

The hexadecimal color #52b7fd has RGB values of R:82, G:183, B:253 and CMYK values of C:0.68, M:0.28, Y:0, K:0.01. Its decimal value is 5421053.

Hex triplet	52b7fd	`#52b7fd`
RGB Decimal	82, 183, 253	`rgb(82,183,253)`
RGB Percent	32.2, 71.8, 99.2	`rgb(32.2%,71.8%,99.2%)`
CMYK	68, 28, 0, 1
HSL	204.6°, 97.7, 65.7	`hsl(204.6,97.7%,65.7%)`
HSV (or HSB)	204.6°, 67.6, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.385, -7.869, -43.2
XYZ	38.138, 42.75, 99.165
xyY	0.212, 0.237, 42.75
CIE-LCH	71.385, 43.911, 259.676
CIE-LUV	71.385, -38.675, -69.12
Hunter-Lab	65.383, -10.301, -44.155
Binary	01010010, 10110111, 11111101

#52b7fd
```
#52b7fd rgb(82,183,253)
```
#fd9852
```
#fd9852 rgb(253,152,82)
```

Complementary Color

#52fdee
```
#52fdee rgb(82,253,238)
```
#52b7fd
```
#52b7fd rgb(82,183,253)
```
#5261fd
```
#5261fd rgb(82,97,253)
```

Analogous Color

#fdee52
```
#fdee52 rgb(253,238,82)
```
#52b7fd
```
#52b7fd rgb(82,183,253)
```
#fd5262
```
#fd5262 rgb(253,82,98)
```

Split Complementary Color

#b7fd52
```
#b7fd52 rgb(183,253,82)
```
#52b7fd
```
#52b7fd rgb(82,183,253)
```
#fd52b7
```
#fd52b7 rgb(253,82,183)
```

Triadic Color

#52fd98
```
#52fd98 rgb(82,253,152)
```
#52b7fd
```
#52b7fd rgb(82,183,253)
```
#fd52b7
```
#fd52b7 rgb(253,82,183)
```
#fd9852
```
#fd9852 rgb(253,152,82)
```

Tetradic Color

#0698fc
```
#0698fc rgb(6,152,252)
```
#20a2fc
```
#20a2fc rgb(32,162,252)
```
#39adfd
```
#39adfd rgb(57,173,253)
```
#52b7fd
```
#52b7fd rgb(82,183,253)
```
#6bc1fd
```
#6bc1fd rgb(107,193,253)
```
#84ccfe
```
#84ccfe rgb(132,204,254)
```
#9ed6fe
```
#9ed6fe rgb(158,214,254)
```

Monochromatic Color

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

#52e2fd
```
#52e2fd rgb(82,226,253)
```
#52d4fd
```
#52d4fd rgb(82,212,253)
```
#52c5fd
```
#52c5fd rgb(82,197,253)
```
#52b7fd
```
#52b7fd rgb(82,183,253)
```
#52a9fd
```
#52a9fd rgb(82,169,253)
```
#529bfd
```
#529bfd rgb(82,155,253)
```
#528cfd
```
#528cfd rgb(82,140,253)
```

Similar Colors

Text with hexadecimal color #52b7fd

This text has a font color of #52b7fd.

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

#52b7fd background color

This paragraph has a background color of #52b7fd.

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

#52b7fd border color

This element has a border color of #52b7fd.

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

CSS codes

.text {color:#52b7fd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000c15
```
#000c15 rgb(0,12,21)
```
#001828
```
#001828 rgb(0,24,40)
```
#01243c
```
#01243c rgb(1,36,60)
```
#012f4f
```
#012f4f rgb(1,47,79)
```
#013b62
```
#013b62 rgb(1,59,98)
```
#014676
```
#014676 rgb(1,70,118)
```
#025289
```
#025289 rgb(2,82,137)
```
#025d9d
```
#025d9d rgb(2,93,157)
```
#0269b0
```
#0269b0 rgb(2,105,176)
```
#0274c3
```
#0274c3 rgb(2,116,195)
```
#0280d7
```
#0280d7 rgb(2,128,215)
```
#038bea
```
#038bea rgb(3,139,234)
```

Shade Color Variation

#0497fc
```
#0497fc rgb(4,151,252)
```
#189ffc
```
#189ffc rgb(24,159,252)
```
#2ba7fd
```
#2ba7fd rgb(43,167,253)
```
#3faffd
```
#3faffd rgb(63,175,253)
```
#52b7fd
```
#52b7fd rgb(82,183,253)
```
#65bffd
```
#65bffd rgb(101,191,253)
```
#79c7fd
```
#79c7fd rgb(121,199,253)
```
#8ccffe
```
#8ccffe rgb(140,207,254)
```
#a0d7fe
```
#a0d7fe rgb(160,215,254)
```
#b3dffe
```
#b3dffe rgb(179,223,254)
```
#c6e7fe
```
#c6e7fe rgb(198,231,254)
```
#daefff
```
#daefff rgb(218,239,255)
```
#edf8ff
```
#edf8ff rgb(237,248,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 #52b7fd is the most saturated one.

#a3a8ac
```
#a3a8ac rgb(163,168,172)
```
#9caab3
```
#9caab3 rgb(156,170,179)
```
#95abba
```
#95abba rgb(149,171,186)
```
#8facc0
```
#8facc0 rgb(143,172,192)
```
#88adc7
```
#88adc7 rgb(136,173,199)
```
#81aece
```
#81aece rgb(129,174,206)
```
#7ab0d5
```
#7ab0d5 rgb(122,176,213)
```
#74b1db
```
#74b1db rgb(116,177,219)
```
#6db2e2
```
#6db2e2 rgb(109,178,226)
```
#66b3e9
```
#66b3e9 rgb(102,179,233)
```
#5fb5f0
```
#5fb5f0 rgb(95,181,240)
```
#59b6f6
```
#59b6f6 rgb(89,182,246)
```
#52b7fd
```
#52b7fd rgb(82,183,253)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#91a5b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9bb0f5 Protanopia 1% of men
#8eb2ff Deuteranopia 1% of men
#33c3d1 Tritanopia 0.001% of the population

Trichromacy

#80b2f8 Protanomaly 1% of men, 0.01% of women
#78b3fe Deuteranomaly 6% of men, 0.4% of women
#3ebee1 Tritanomaly 0.01% of the population

#52b7fd hex color

#52b7fd Color Information

#52b7fd Color Conversion

Color Schemes with #52b7fd

Alternatives to #52b7fd

#52b7fd Preview

Shades and Tints of #52b7fd

Tones of #52b7fd

Color Blindness Simulator