#52b4ef hex color

In a RGB color space, hex #52b4ef is composed of 32.2% red, 70.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 24.7% magenta, 0% yellow and 6.3% black. It has a hue angle of 202.5 degrees, a saturation of 83.1% and a lightness of 62.9%. #52b4ef color hex could be obtained by blending #a4ffff with #0069df. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 32
- G 71
- B 94
RGB color chart
- C 66
- M 25
- Y 0
- K 6
CMYK color chart

● #52b4ef color description : Soft blue.

The hexadecimal color #52b4ef has RGB values of R:82, G:180, B:239 and CMYK values of C:0.66, M:0.25, Y:0, K:0.06. Its decimal value is 5420271.

Hex triplet	52b4ef	`#52b4ef`
RGB Decimal	82, 180, 239	`rgb(82,180,239)`
RGB Percent	32.2, 70.6, 93.7	`rgb(32.2%,70.6%,93.7%)`
CMYK	66, 25, 0, 6
HSL	202.5°, 83.1, 62.9	`hsl(202.5,83.1%,62.9%)`
HSV (or HSB)	202.5°, 65.7, 93.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	69.941, -10.771, -37.869
XYZ	35.377, 40.666, 87.641
xyY	0.216, 0.248, 40.666
CIE-LCH	69.941, 39.371, 254.123
CIE-LUV	69.941, -38.227, -59.454
Hunter-Lab	63.77, -12.572, -36.846
Binary	01010010, 10110100, 11101111

#52b4ef
```
#52b4ef rgb(82,180,239)
```
#ef8d52
```
#ef8d52 rgb(239,141,82)
```

Complementary Color

#52efdc
```
#52efdc rgb(82,239,220)
```
#52b4ef
```
#52b4ef rgb(82,180,239)
```
#5266ef
```
#5266ef rgb(82,102,239)
```

Analogous Color

#efdc52
```
#efdc52 rgb(239,220,82)
```
#52b4ef
```
#52b4ef rgb(82,180,239)
```
#ef5266
```
#ef5266 rgb(239,82,102)
```

Split Complementary Color

#b4ef52
```
#b4ef52 rgb(180,239,82)
```
#52b4ef
```
#52b4ef rgb(82,180,239)
```
#ef52b4
```
#ef52b4 rgb(239,82,180)
```

Triadic Color

#52ef8d
```
#52ef8d rgb(82,239,141)
```
#52b4ef
```
#52b4ef rgb(82,180,239)
```
#ef52b4
```
#ef52b4 rgb(239,82,180)
```
#ef8d52
```
#ef8d52 rgb(239,141,82)
```

Tetradic Color

#1593e0
```
#1593e0 rgb(21,147,224)
```
#23a0eb
```
#23a0eb rgb(35,160,235)
```
#3baaed
```
#3baaed rgb(59,170,237)
```
#52b4ef
```
#52b4ef rgb(82,180,239)
```
#69bef1
```
#69bef1 rgb(105,190,241)
```
#81c8f3
```
#81c8f3 rgb(129,200,243)
```
#98d2f5
```
#98d2f5 rgb(152,210,245)
```

Monochromatic Color

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

#52dbef
```
#52dbef rgb(82,219,239)
```
#52ceef
```
#52ceef rgb(82,206,239)
```
#52c1ef
```
#52c1ef rgb(82,193,239)
```
#52b4ef
```
#52b4ef rgb(82,180,239)
```
#52a7ef
```
#52a7ef rgb(82,167,239)
```
#529aef
```
#529aef rgb(82,154,239)
```
#528def
```
#528def rgb(82,141,239)
```

Similar Colors

Text with hexadecimal color #52b4ef

This text has a font color of #52b4ef.

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

#52b4ef background color

This paragraph has a background color of #52b4ef.

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

#52b4ef border color

This element has a border color of #52b4ef.

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

CSS codes

.text {color:#52b4ef;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#021019
```
#021019 rgb(2,16,25)
```
#041c2a
```
#041c2a rgb(4,28,42)
```
#06283c
```
#06283c rgb(6,40,60)
```
#07344e
```
#07344e rgb(7,52,78)
```
#093f60
```
#093f60 rgb(9,63,96)
```
#0b4b72
```
#0b4b72 rgb(11,75,114)
```
#0c5784
```
#0c5784 rgb(12,87,132)
```
#0e6396
```
#0e6396 rgb(14,99,150)
```
#106fa8
```
#106fa8 rgb(16,111,168)
```
#117bba
```
#117bba rgb(17,123,186)
```
#1386cc
```
#1386cc rgb(19,134,204)
```
#1592de
```
#1592de rgb(21,146,222)
```

Shade Color Variation

#1c9dea
```
#1c9dea rgb(28,157,234)
```
#2ea4ec
```
#2ea4ec rgb(46,164,236)
```
#40aced
```
#40aced rgb(64,172,237)
```
#52b4ef
```
#52b4ef rgb(82,180,239)
```
#64bcf1
```
#64bcf1 rgb(100,188,241)
```
#76c4f2
```
#76c4f2 rgb(118,196,242)
```
#88cbf4
```
#88cbf4 rgb(136,203,244)
```
#9ad3f6
```
#9ad3f6 rgb(154,211,246)
```
#acdbf7
```
#acdbf7 rgb(172,219,247)
```
#bee3f9
```
#bee3f9 rgb(190,227,249)
```
#d0eafb
```
#d0eafb rgb(208,234,251)
```
#e2f2fc
```
#e2f2fc rgb(226,242,252)
```
#f4fafe
```
#f4fafe rgb(244,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba2a6 is the less saturated color, while #43b8fe is the most saturated one.

#9ba2a6
```
#9ba2a6 rgb(155,162,166)
```
#93a4ae
```
#93a4ae rgb(147,164,174)
```
#8ca6b5
```
#8ca6b5 rgb(140,166,181)
```
#85a7bc
```
#85a7bc rgb(133,167,188)
```
#7ea9c3
```
#7ea9c3 rgb(126,169,195)
```
#76abcb
```
#76abcb rgb(118,171,203)
```
#6fadd2
```
#6fadd2 rgb(111,173,210)
```
#68afd9
```
#68afd9 rgb(104,175,217)
```
#61b0e0
```
#61b0e0 rgb(97,176,224)
```
#59b2e8
```
#59b2e8 rgb(89,178,232)
```
#52b4ef
```
#52b4ef rgb(82,180,239)
```
#4bb6f6
```
#4bb6f6 rgb(75,182,246)
```
#43b8fe
```
#43b8fe rgb(67,184,254)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8ea2ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cade8 Protanopia 1% of men
#92adf3 Deuteranopia 1% of men
#40becc Tritanopia 0.001% of the population

Trichromacy

#81afea Protanomaly 1% of men, 0.01% of women
#7bb0f2 Deuteranomaly 6% of men, 0.4% of women
#46bad9 Tritanomaly 0.01% of the population

#52b4ef hex color

#52b4ef Color Information

#52b4ef Color Conversion

Color Schemes with #52b4ef

Alternatives to #52b4ef

#52b4ef Preview

Shades and Tints of #52b4ef

Tones of #52b4ef

Color Blindness Simulator