#52b0fb hex color

In a RGB color space, hex #52b0fb is composed of 32.2% red, 69% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 29.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 206.6 degrees, a saturation of 95.5% and a lightness of 65.3%. #52b0fb color hex could be obtained by blending #a4ffff with #0061f7. Closest websafe color is: #6699ff.

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

● #52b0fb color description : Soft blue.

The hexadecimal color #52b0fb has RGB values of R:82, G:176, B:251 and CMYK values of C:0.67, M:0.3, Y:0, K:0.02. Its decimal value is 5419259.

Hex triplet	52b0fb	`#52b0fb`
RGB Decimal	82, 176, 251	`rgb(82,176,251)`
RGB Percent	32.2, 69, 98.4	`rgb(32.2%,69%,98.4%)`
CMYK	67, 30, 0, 2
HSL	206.6°, 95.5, 65.3	`hsl(206.6,95.5%,65.3%)`
HSV (or HSB)	206.6°, 67.3, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.332, -4.666, -45.336
XYZ	36.413, 39.807, 97.026
xyY	0.21, 0.23, 39.807
CIE-LCH	69.332, 45.575, 264.124
CIE-LUV	69.332, -36.329, -72.877
Hunter-Lab	63.093, -7.392, -47.013
Binary	01010010, 10110000, 11111011

#52b0fb
```
#52b0fb rgb(82,176,251)
```
#fb9d52
```
#fb9d52 rgb(251,157,82)
```

Complementary Color

#52fbf2
```
#52fbf2 rgb(82,251,242)
```
#52b0fb
```
#52b0fb rgb(82,176,251)
```
#525cfb
```
#525cfb rgb(82,92,251)
```

Analogous Color

#fbf252
```
#fbf252 rgb(251,242,82)
```
#52b0fb
```
#52b0fb rgb(82,176,251)
```
#fb525c
```
#fb525c rgb(251,82,92)
```

Split Complementary Color

#b0fb52
```
#b0fb52 rgb(176,251,82)
```
#52b0fb
```
#52b0fb rgb(82,176,251)
```
#fb52b0
```
#fb52b0 rgb(251,82,176)
```

Triadic Color

#52fb9d
```
#52fb9d rgb(82,251,157)
```
#52b0fb
```
#52b0fb rgb(82,176,251)
```
#fb52b0
```
#fb52b0 rgb(251,82,176)
```
#fb9d52
```
#fb9d52 rgb(251,157,82)
```

Tetradic Color

#078ef9
```
#078ef9 rgb(7,142,249)
```
#2099fa
```
#2099fa rgb(32,153,250)
```
#39a5fa
```
#39a5fa rgb(57,165,250)
```
#52b0fb
```
#52b0fb rgb(82,176,251)
```
#6bbbfc
```
#6bbbfc rgb(107,187,252)
```
#84c7fc
```
#84c7fc rgb(132,199,252)
```
#9dd2fd
```
#9dd2fd rgb(157,210,253)
```

Monochromatic Color

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

#52dafb
```
#52dafb rgb(82,218,251)
```
#52ccfb
```
#52ccfb rgb(82,204,251)
```
#52befb
```
#52befb rgb(82,190,251)
```
#52b0fb
```
#52b0fb rgb(82,176,251)
```
#52a2fb
```
#52a2fb rgb(82,162,251)
```
#5294fb
```
#5294fb rgb(82,148,251)
```
#5286fb
```
#5286fb rgb(82,134,251)
```

Similar Colors

Text with hexadecimal color #52b0fb

This text has a font color of #52b0fb.

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

#52b0fb background color

This paragraph has a background color of #52b0fb.

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

#52b0fb border color

This element has a border color of #52b0fb.

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

CSS codes

.text {color:#52b0fb;}

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

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

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, #000b13 is the darkest color, while #ffffff is the lightest one.

#000b13
```
#000b13 rgb(0,11,19)
```
#011526
```
#011526 rgb(1,21,38)
```
#012039
```
#012039 rgb(1,32,57)
```
#022b4c
```
#022b4c rgb(2,43,76)
```
#02365f
```
#02365f rgb(2,54,95)
```
#034173
```
#034173 rgb(3,65,115)
```
#034c86
```
#034c86 rgb(3,76,134)
```
#045799
```
#045799 rgb(4,87,153)
```
#0461ac
```
#0461ac rgb(4,97,172)
```
#046cbf
```
#046cbf rgb(4,108,191)
```
#0577d2
```
#0577d2 rgb(5,119,210)
```
#0582e6
```
#0582e6 rgb(5,130,230)
```
#068df9
```
#068df9 rgb(6,141,249)
```

Shade Color Variation

#1896fa
```
#1896fa rgb(24,150,250)
```
#2c9efa
```
#2c9efa rgb(44,158,250)
```
#3fa7fb
```
#3fa7fb rgb(63,167,251)
```
#52b0fb
```
#52b0fb rgb(82,176,251)
```
#65b9fb
```
#65b9fb rgb(101,185,251)
```
#78c2fc
```
#78c2fc rgb(120,194,252)
```
#8ccafc
```
#8ccafc rgb(140,202,252)
```
#9fd3fd
```
#9fd3fd rgb(159,211,253)
```
#b2dcfd
```
#b2dcfd rgb(178,220,253)
```
#c5e5fe
```
#c5e5fe rgb(197,229,254)
```
#d8edfe
```
#d8edfe rgb(216,237,254)
```
#ebf6ff
```
#ebf6ff rgb(235,246,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a4a7a9
```
#a4a7a9 rgb(164,167,169)
```
#9da8b0
```
#9da8b0 rgb(157,168,176)
```
#96a8b7
```
#96a8b7 rgb(150,168,183)
```
#8fa9be
```
#8fa9be rgb(143,169,190)
```
#88aac5
```
#88aac5 rgb(136,170,197)
```
#82abcb
```
#82abcb rgb(130,171,203)
```
#7babd2
```
#7babd2 rgb(123,171,210)
```
#74acd9
```
#74acd9 rgb(116,172,217)
```
#6dade0
```
#6dade0 rgb(109,173,224)
```
#66aee7
```
#66aee7 rgb(102,174,231)
```
#60aeed
```
#60aeed rgb(96,174,237)
```
#59aff4
```
#59aff4 rgb(89,175,244)
```
#52b0fb
```
#52b0fb rgb(82,176,251)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8da0af Atypical Achromatopsia 0.001% of the population

Dichromacy

#93abf4 Protanopia 1% of men
#83adfe Deuteranopia 1% of men
#2fbdcb Tritanopia 0.001% of the population

Trichromacy

#7badf7 Protanomaly 1% of men, 0.01% of women
#71aefc Deuteranomaly 6% of men, 0.4% of women
#3bb8dc Tritanomaly 0.01% of the population

#52b0fb hex color

#52b0fb Color Information

#52b0fb Color Conversion

Color Schemes with #52b0fb

Alternatives to #52b0fb

#52b0fb Preview

Shades and Tints of #52b0fb

Tones of #52b0fb

Color Blindness Simulator