#52bafd hex color

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

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

● #52bafd color description : Soft blue.

The hexadecimal color #52bafd has RGB values of R:82, G:186, B:253 and CMYK values of C:0.68, M:0.26, Y:0, K:0.01. Its decimal value is 5421821.

Hex triplet	52bafd	`#52bafd`
RGB Decimal	82, 186, 253	`rgb(82,186,253)`
RGB Percent	32.2, 72.9, 99.2	`rgb(32.2%,72.9%,99.2%)`
CMYK	68, 26, 0, 1
HSL	203.5°, 97.7, 65.7	`hsl(203.5,97.7%,65.7%)`
HSV (or HSB)	203.5°, 67.6, 99.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.229, -9.503, -41.88
XYZ	38.764, 44, 99.373
xyY	0.213, 0.242, 44
CIE-LCH	72.229, 42.945, 257.216
CIE-LUV	72.229, -39.719, -66.758
Hunter-Lab	66.333, -11.77, -42.389
Binary	01010010, 10111010, 11111101

#52bafd
```
#52bafd rgb(82,186,253)
```
#fd9552
```
#fd9552 rgb(253,149,82)
```

Complementary Color

#52fdeb
```
#52fdeb rgb(82,253,235)
```
#52bafd
```
#52bafd rgb(82,186,253)
```
#5265fd
```
#5265fd rgb(82,101,253)
```

Analogous Color

#fdeb52
```
#fdeb52 rgb(253,235,82)
```
#52bafd
```
#52bafd rgb(82,186,253)
```
#fd5265
```
#fd5265 rgb(253,82,101)
```

Split Complementary Color

#bafd52
```
#bafd52 rgb(186,253,82)
```
#52bafd
```
#52bafd rgb(82,186,253)
```
#fd52ba
```
#fd52ba rgb(253,82,186)
```

Triadic Color

#52fd95
```
#52fd95 rgb(82,253,149)
```
#52bafd
```
#52bafd rgb(82,186,253)
```
#fd52ba
```
#fd52ba rgb(253,82,186)
```
#fd9552
```
#fd9552 rgb(253,149,82)
```

Tetradic Color

#069cfc
```
#069cfc rgb(6,156,252)
```
#20a6fc
```
#20a6fc rgb(32,166,252)
```
#39b0fd
```
#39b0fd rgb(57,176,253)
```
#52bafd
```
#52bafd rgb(82,186,253)
```
#6bc4fd
```
#6bc4fd rgb(107,196,253)
```
#84cefe
```
#84cefe rgb(132,206,254)
```
#9ed8fe
```
#9ed8fe rgb(158,216,254)
```

Monochromatic Color

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

#52e5fd
```
#52e5fd rgb(82,229,253)
```
#52d7fd
```
#52d7fd rgb(82,215,253)
```
#52c8fd
```
#52c8fd rgb(82,200,253)
```
#52bafd
```
#52bafd rgb(82,186,253)
```
#52acfd
```
#52acfd rgb(82,172,253)
```
#529efd
```
#529efd rgb(82,158,253)
```
#528ffd
```
#528ffd rgb(82,143,253)
```

Similar Colors

Text with hexadecimal color #52bafd

This text has a font color of #52bafd.

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

#52bafd background color

This paragraph has a background color of #52bafd.

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

#52bafd border color

This element has a border color of #52bafd.

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

CSS codes

.text {color:#52bafd;}

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

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

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)
```
#000d15
```
#000d15 rgb(0,13,21)
```
#001928
```
#001928 rgb(0,25,40)
```
#01253c
```
#01253c rgb(1,37,60)
```
#01304f
```
#01304f rgb(1,48,79)
```
#013c62
```
#013c62 rgb(1,60,98)
```
#014876
```
#014876 rgb(1,72,118)
```
#025489
```
#025489 rgb(2,84,137)
```
#02609d
```
#02609d rgb(2,96,157)
```
#026cb0
```
#026cb0 rgb(2,108,176)
```
#0278c3
```
#0278c3 rgb(2,120,195)
```
#0284d7
```
#0284d7 rgb(2,132,215)
```
#0390ea
```
#0390ea rgb(3,144,234)
```

Shade Color Variation

#049bfc
```
#049bfc rgb(4,155,252)
```
#18a3fc
```
#18a3fc rgb(24,163,252)
```
#2babfd
```
#2babfd rgb(43,171,253)
```
#3fb2fd
```
#3fb2fd rgb(63,178,253)
```
#52bafd
```
#52bafd rgb(82,186,253)
```
#65c2fd
```
#65c2fd rgb(101,194,253)
```
#79c9fd
```
#79c9fd rgb(121,201,253)
```
#8cd1fe
```
#8cd1fe rgb(140,209,254)
```
#a0d9fe
```
#a0d9fe rgb(160,217,254)
```
#b3e1fe
```
#b3e1fe rgb(179,225,254)
```
#c6e8fe
```
#c6e8fe rgb(198,232,254)
```
#daf0ff
```
#daf0ff rgb(218,240,255)
```
#edf8ff
```
#edf8ff rgb(237,248,255)
```

Tint Color Variation

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

#a3a9ac
```
#a3a9ac rgb(163,169,172)
```
#9caab3
```
#9caab3 rgb(156,170,179)
```
#95abba
```
#95abba rgb(149,171,186)
```
#8fadc0
```
#8fadc0 rgb(143,173,192)
```
#88aec7
```
#88aec7 rgb(136,174,199)
```
#81b0ce
```
#81b0ce rgb(129,176,206)
```
#7ab1d5
```
#7ab1d5 rgb(122,177,213)
```
#74b3db
```
#74b3db rgb(116,179,219)
```
#6db4e2
```
#6db4e2 rgb(109,180,226)
```
#66b6e9
```
#66b6e9 rgb(102,182,233)
```
#5fb7f0
```
#5fb7f0 rgb(95,183,240)
```
#59b9f6
```
#59b9f6 rgb(89,185,246)
```
#52bafd
```
#52bafd rgb(82,186,253)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#93a8b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb2f5 Protanopia 1% of men
#93b4ff Deuteranopia 1% of men
#36c5d4 Tritanopia 0.001% of the population

Trichromacy

#83b5f8 Protanomaly 1% of men, 0.01% of women
#7bb6fe Deuteranomaly 6% of men, 0.4% of women
#40c1e3 Tritanomaly 0.01% of the population

#52bafd hex color

#52bafd Color Information

#52bafd Color Conversion

Color Schemes with #52bafd

Alternatives to #52bafd

#52bafd Preview

Shades and Tints of #52bafd

Tones of #52bafd

Color Blindness Simulator