#52b4f4 hex color

In a RGB color space, hex #52b4f4 is composed of 32.2% red, 70.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 26.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 203.7 degrees, a saturation of 88% and a lightness of 63.9%. #52b4f4 color hex could be obtained by blending #a4ffff with #0069e9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 32
- G 71
- B 96
RGB color chart
- C 66
- M 26
- Y 0
- K 4
CMYK color chart

● #52b4f4 color description : Soft blue.

The hexadecimal color #52b4f4 has RGB values of R:82, G:180, B:244 and CMYK values of C:0.66, M:0.26, Y:0, K:0.04. Its decimal value is 5420276.

Hex triplet	52b4f4	`#52b4f4`
RGB Decimal	82, 180, 244	`rgb(82,180,244)`
RGB Percent	32.2, 70.6, 95.7	`rgb(32.2%,70.6%,95.7%)`
CMYK	66, 26, 0, 4
HSL	203.7°, 88, 63.9	`hsl(203.7,88%,63.9%)`
HSV (or HSB)	203.7°, 66.4, 95.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.152, -9.158, -40.256
XYZ	36.126, 40.965, 91.586
xyY	0.214, 0.243, 40.965
CIE-LCH	70.152, 41.285, 257.184
CIE-LUV	70.152, -38.011, -63.758
Hunter-Lab	64.004, -11.256, -40.038
Binary	01010010, 10110100, 11110100

#52b4f4
```
#52b4f4 rgb(82,180,244)
```
#f49252
```
#f49252 rgb(244,146,82)
```

Complementary Color

#52f4e3
```
#52f4e3 rgb(82,244,227)
```
#52b4f4
```
#52b4f4 rgb(82,180,244)
```
#5263f4
```
#5263f4 rgb(82,99,244)
```

Analogous Color

#f4e352
```
#f4e352 rgb(244,227,82)
```
#52b4f4
```
#52b4f4 rgb(82,180,244)
```
#f45263
```
#f45263 rgb(244,82,99)
```

Split Complementary Color

#b4f452
```
#b4f452 rgb(180,244,82)
```
#52b4f4
```
#52b4f4 rgb(82,180,244)
```
#f452b4
```
#f452b4 rgb(244,82,180)
```

Triadic Color

#52f492
```
#52f492 rgb(82,244,146)
```
#52b4f4
```
#52b4f4 rgb(82,180,244)
```
#f452b4
```
#f452b4 rgb(244,82,180)
```
#f49252
```
#f49252 rgb(244,146,82)
```

Tetradic Color

#0f94eb
```
#0f94eb rgb(15,148,235)
```
#229ff1
```
#229ff1 rgb(34,159,241)
```
#3aaaf2
```
#3aaaf2 rgb(58,170,242)
```
#52b4f4
```
#52b4f4 rgb(82,180,244)
```
#6abef6
```
#6abef6 rgb(106,190,246)
```
#82c9f7
```
#82c9f7 rgb(130,201,247)
```
#9ad3f9
```
#9ad3f9 rgb(154,211,249)
```

Monochromatic Color

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

#52ddf4
```
#52ddf4 rgb(82,221,244)
```
#52cff4
```
#52cff4 rgb(82,207,244)
```
#52c2f4
```
#52c2f4 rgb(82,194,244)
```
#52b4f4
```
#52b4f4 rgb(82,180,244)
```
#52a7f4
```
#52a7f4 rgb(82,167,244)
```
#5299f4
```
#5299f4 rgb(82,153,244)
```
#528cf4
```
#528cf4 rgb(82,140,244)
```

Similar Colors

Text with hexadecimal color #52b4f4

This text has a font color of #52b4f4.

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

#52b4f4 background color

This paragraph has a background color of #52b4f4.

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

#52b4f4 border color

This element has a border color of #52b4f4.

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

CSS codes

.text {color:#52b4f4;}

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

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

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, #01070b is the darkest color, while #f8fcff is the lightest one.

#01070b
```
#01070b rgb(1,7,11)
```
#02131e
```
#02131e rgb(2,19,30)
```
#031e30
```
#031e30 rgb(3,30,48)
```
#042a43
```
#042a43 rgb(4,42,67)
```
#053655
```
#053655 rgb(5,54,85)
```
#074168
```
#074168 rgb(7,65,104)
```
#084d7a
```
#084d7a rgb(8,77,122)
```
#09598d
```
#09598d rgb(9,89,141)
```
#0a649f
```
#0a649f rgb(10,100,159)
```
#0b70b1
```
#0b70b1 rgb(11,112,177)
```
#0c7bc4
```
#0c7bc4 rgb(12,123,196)
```
#0e87d6
```
#0e87d6 rgb(14,135,214)
```
#0f93e9
```
#0f93e9 rgb(15,147,233)
```

Shade Color Variation

#1b9cf0
```
#1b9cf0 rgb(27,156,240)
```
#2da4f2
```
#2da4f2 rgb(45,164,242)
```
#40acf3
```
#40acf3 rgb(64,172,243)
```
#52b4f4
```
#52b4f4 rgb(82,180,244)
```
#64bcf5
```
#64bcf5 rgb(100,188,245)
```
#77c4f6
```
#77c4f6 rgb(119,196,246)
```
#89ccf8
```
#89ccf8 rgb(137,204,248)
```
#9cd4f9
```
#9cd4f9 rgb(156,212,249)
```
#aedcfa
```
#aedcfa rgb(174,220,250)
```
#c1e4fb
```
#c1e4fb rgb(193,228,251)
```
#d3ecfc
```
#d3ecfc rgb(211,236,252)
```
#e6f4fd
```
#e6f4fd rgb(230,244,253)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#a0a4a6
```
#a0a4a6 rgb(160,164,166)
```
#99a5ad
```
#99a5ad rgb(153,165,173)
```
#92a7b4
```
#92a7b4 rgb(146,167,180)
```
#8ba8bb
```
#8ba8bb rgb(139,168,187)
```
#84aac2
```
#84aac2 rgb(132,170,194)
```
#7cabca
```
#7cabca rgb(124,171,202)
```
#75add1
```
#75add1 rgb(117,173,209)
```
#6eaed8
```
#6eaed8 rgb(110,174,216)
```
#67b0df
```
#67b0df rgb(103,176,223)
```
#60b1e6
```
#60b1e6 rgb(96,177,230)
```
#59b3ed
```
#59b3ed rgb(89,179,237)
```
#52b4f4
```
#52b4f4 rgb(82,180,244)
```
#4bb5fb
```
#4bb5fb rgb(75,181,251)
```

Tone Color Variation

Below, you can see how #52b4f4 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
#8fa2af Atypical Achromatopsia 0.001% of the population

Dichromacy

#9baded Protanopia 1% of men
#8faef8 Deuteranopia 1% of men
#3bbfcd Tritanopia 0.001% of the population

Trichromacy

#80afef Protanomaly 1% of men, 0.01% of women
#78b0f6 Deuteranomaly 6% of men, 0.4% of women
#43bbdb Tritanomaly 0.01% of the population

#52b4f4 hex color

#52b4f4 Color Information

#52b4f4 Color Conversion

Color Schemes with #52b4f4

Alternatives to #52b4f4

#52b4f4 Preview

Shades and Tints of #52b4f4

Tones of #52b4f4

Color Blindness Simulator