#52bcfe hex color

In a RGB color space, hex #52bcfe is composed of 32.2% red, 73.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 26% magenta, 0% yellow and 0.4% black. It has a hue angle of 203 degrees, a saturation of 98.9% and a lightness of 65.9%. #52bcfe color hex could be obtained by blending #a4ffff with #0079fd. Closest websafe color is: #66ccff.

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

● #52bcfe color description : Soft blue.

The hexadecimal color #52bcfe has RGB values of R:82, G:188, B:254 and CMYK values of C:0.68, M:0.26, Y:0, K:0. Its decimal value is 5422334.

Hex triplet	52bcfe	`#52bcfe`
RGB Decimal	82, 188, 254	`rgb(82,188,254)`
RGB Percent	32.2, 73.7, 99.6	`rgb(32.2%,73.7%,99.6%)`
CMYK	68, 26, 0, 0
HSL	203°, 98.9, 65.9	`hsl(203,98.9%,65.9%)`
HSV (or HSB)	203°, 67.7, 99.6
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.835, -10.261, -41.473
XYZ	39.348, 44.913, 100.356
xyY	0.213, 0.243, 44.913
CIE-LCH	72.835, 42.724, 256.104
CIE-LUV	72.835, -40.372, -66.037
Hunter-Lab	67.017, -12.477, -41.873
Binary	01010010, 10111100, 11111110

#52bcfe
```
#52bcfe rgb(82,188,254)
```
#fe9452
```
#fe9452 rgb(254,148,82)
```

Complementary Color

#52feea
```
#52feea rgb(82,254,234)
```
#52bcfe
```
#52bcfe rgb(82,188,254)
```
#5266fe
```
#5266fe rgb(82,102,254)
```

Analogous Color

#feea52
```
#feea52 rgb(254,234,82)
```
#52bcfe
```
#52bcfe rgb(82,188,254)
```
#fe5266
```
#fe5266 rgb(254,82,102)
```

Split Complementary Color

#bcfe52
```
#bcfe52 rgb(188,254,82)
```
#52bcfe
```
#52bcfe rgb(82,188,254)
```
#fe52bc
```
#fe52bc rgb(254,82,188)
```

Triadic Color

#52fe94
```
#52fe94 rgb(82,254,148)
```
#52bcfe
```
#52bcfe rgb(82,188,254)
```
#fe52bc
```
#fe52bc rgb(254,82,188)
```
#fe9452
```
#fe9452 rgb(254,148,82)
```

Tetradic Color

#069ffe
```
#069ffe rgb(6,159,254)
```
#1fa8fe
```
#1fa8fe rgb(31,168,254)
```
#39b2fe
```
#39b2fe rgb(57,178,254)
```
#52bcfe
```
#52bcfe rgb(82,188,254)
```
#6bc6fe
```
#6bc6fe rgb(107,198,254)
```
#85d0fe
```
#85d0fe rgb(133,208,254)
```
#9ed9fe
```
#9ed9fe rgb(158,217,254)
```

Monochromatic Color

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

#52e7fe
```
#52e7fe rgb(82,231,254)
```
#52d9fe
```
#52d9fe rgb(82,217,254)
```
#52cafe
```
#52cafe rgb(82,202,254)
```
#52bcfe
```
#52bcfe rgb(82,188,254)
```
#52aefe
```
#52aefe rgb(82,174,254)
```
#529ffe
```
#529ffe rgb(82,159,254)
```
#5291fe
```
#5291fe rgb(82,145,254)
```

Similar Colors

Text with hexadecimal color #52bcfe

This text has a font color of #52bcfe.

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

#52bcfe background color

This paragraph has a background color of #52bcfe.

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

#52bcfe border color

This element has a border color of #52bcfe.

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

CSS codes

.text {color:#52bcfe;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#000e16
```
#000e16 rgb(0,14,22)
```
#001a2a
```
#001a2a rgb(0,26,42)
```
#00263d
```
#00263d rgb(0,38,61)
```
#003251
```
#003251 rgb(0,50,81)
```
#013e64
```
#013e64 rgb(1,62,100)
```
#014a78
```
#014a78 rgb(1,74,120)
```
#01568b
```
#01568b rgb(1,86,139)
```
#01629f
```
#01629f rgb(1,98,159)
```
#016eb2
```
#016eb2 rgb(1,110,178)
```
#017ac6
```
#017ac6 rgb(1,122,198)
```
#0186d9
```
#0186d9 rgb(1,134,217)
```
#0192ed
```
#0192ed rgb(1,146,237)
```

Shade Color Variation

#049efe
```
#049efe rgb(4,158,254)
```
#17a5fe
```
#17a5fe rgb(23,165,254)
```
#2badfe
```
#2badfe rgb(43,173,254)
```
#3eb4fe
```
#3eb4fe rgb(62,180,254)
```
#52bcfe
```
#52bcfe rgb(82,188,254)
```
#66c4fe
```
#66c4fe rgb(102,196,254)
```
#79cbfe
```
#79cbfe rgb(121,203,254)
```
#8dd3fe
```
#8dd3fe rgb(141,211,254)
```
#a0dafe
```
#a0dafe rgb(160,218,254)
```
#b4e2ff
```
#b4e2ff rgb(180,226,255)
```
#c7e9ff
```
#c7e9ff rgb(199,233,255)
```
#dbf1ff
```
#dbf1ff rgb(219,241,255)
```
#eef8ff
```
#eef8ff rgb(238,248,255)
```

Tint Color Variation

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

#a2a9ae
```
#a2a9ae rgb(162,169,174)
```
#9cabb4
```
#9cabb4 rgb(156,171,180)
```
#95acbb
```
#95acbb rgb(149,172,187)
```
#8eaec2
```
#8eaec2 rgb(142,174,194)
```
#88b0c8
```
#88b0c8 rgb(136,176,200)
```
#81b1cf
```
#81b1cf rgb(129,177,207)
```
#7ab3d6
```
#7ab3d6 rgb(122,179,214)
```
#73b4dd
```
#73b4dd rgb(115,180,221)
```
#6db6e3
```
#6db6e3 rgb(109,182,227)
```
#66b7ea
```
#66b7ea rgb(102,183,234)
```
#5fb9f1
```
#5fb9f1 rgb(95,185,241)
```
#59baf7
```
#59baf7 rgb(89,186,247)
```
#52bcfe
```
#52bcfe rgb(82,188,254)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#94a9b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b4f6 Protanopia 1% of men
#96b5ff Deuteranopia 1% of men
#37c7d6 Tritanopia 0.001% of the population

Trichromacy

#84b7f9 Protanomaly 1% of men, 0.01% of women
#7db7fe Deuteranomaly 6% of men, 0.4% of women
#41c3e4 Tritanomaly 0.01% of the population

#52bcfe hex color

#52bcfe Color Information

#52bcfe Color Conversion

Color Schemes with #52bcfe

Alternatives to #52bcfe

#52bcfe Preview

Shades and Tints of #52bcfe

Tones of #52bcfe

Color Blindness Simulator