#52a4bb hex color

In a RGB color space, hex #52a4bb is composed of 32.2% red, 64.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 12.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 193.1 degrees, a saturation of 43.6% and a lightness of 52.7%. #52a4bb color hex could be obtained by blending #a4ffff with #004977. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 64
- B 73
RGB color chart
- C 56
- M 12
- Y 0
- K 27
CMYK color chart

● #52a4bb color description : Moderate cyan.

The hexadecimal color #52a4bb has RGB values of R:82, G:164, B:187 and CMYK values of C:0.56, M:0.12, Y:0, K:0.27. Its decimal value is 5416123.

Hex triplet	52a4bb	`#52a4bb`
RGB Decimal	82, 164, 187	`rgb(82,164,187)`
RGB Percent	32.2, 64.3, 73.3	`rgb(32.2%,64.3%,73.3%)`
CMYK	56, 12, 0, 27
HSL	193.1°, 43.6, 52.7	`hsl(193.1,43.6%,52.7%)`
HSV (or HSB)	193.1°, 56.1, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.286, -18.333, -19.449
XYZ	25.722, 31.931, 51.819
xyY	0.235, 0.292, 31.931
CIE-LCH	63.286, 26.728, 226.693
CIE-LUV	63.286, -34.537, -27.157
Hunter-Lab	56.507, -17.634, -14.815
Binary	01010010, 10100100, 10111011

#52a4bb
```
#52a4bb rgb(82,164,187)
```
#bb6952
```
#bb6952 rgb(187,105,82)
```

Complementary Color

#52bb9e
```
#52bb9e rgb(82,187,158)
```
#52a4bb
```
#52a4bb rgb(82,164,187)
```
#5270bb
```
#5270bb rgb(82,112,187)
```

Analogous Color

#bb9e52
```
#bb9e52 rgb(187,158,82)
```
#52a4bb
```
#52a4bb rgb(82,164,187)
```
#bb5270
```
#bb5270 rgb(187,82,112)
```

Split Complementary Color

#a4bb52
```
#a4bb52 rgb(164,187,82)
```
#52a4bb
```
#52a4bb rgb(82,164,187)
```
#bb52a4
```
#bb52a4 rgb(187,82,164)
```

Triadic Color

#52bb69
```
#52bb69 rgb(82,187,105)
```
#52a4bb
```
#52a4bb rgb(82,164,187)
```
#bb52a4
```
#bb52a4 rgb(187,82,164)
```
#bb6952
```
#bb6952 rgb(187,105,82)
```

Tetradic Color

#36788a
```
#36788a rgb(54,120,138)
```
#3e889c
```
#3e889c rgb(62,136,156)
```
#4598af
```
#4598af rgb(69,152,175)
```
#52a4bb
```
#52a4bb rgb(82,164,187)
```
#64aec2
```
#64aec2 rgb(100,174,194)
```
#77b7c9
```
#77b7c9 rgb(119,183,201)
```
#89c1d1
```
#89c1d1 rgb(137,193,209)
```

Monochromatic Color

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

#52bbb8
```
#52bbb8 rgb(82,187,184)
```
#52b6bb
```
#52b6bb rgb(82,182,187)
```
#52adbb
```
#52adbb rgb(82,173,187)
```
#52a4bb
```
#52a4bb rgb(82,164,187)
```
#529bbb
```
#529bbb rgb(82,155,187)
```
#5293bb
```
#5293bb rgb(82,147,187)
```
#528abb
```
#528abb rgb(82,138,187)
```

Similar Colors

Text with hexadecimal color #52a4bb

This text has a font color of #52a4bb.

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

#52a4bb background color

This paragraph has a background color of #52a4bb.

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

#52a4bb border color

This element has a border color of #52a4bb.

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

CSS codes

.text {color:#52a4bb;}

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

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

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, #04090a is the darkest color, while #fbfdfd is the lightest one.

#04090a
```
#04090a rgb(4,9,10)
```
#091518
```
#091518 rgb(9,21,24)
```
#0f2126
```
#0f2126 rgb(15,33,38)
```
#152d34
```
#152d34 rgb(21,45,52)
```
#1a3a42
```
#1a3a42 rgb(26,58,66)
```
#204650
```
#204650 rgb(32,70,80)
```
#25525f
```
#25525f rgb(37,82,95)
```
#2b5e6d
```
#2b5e6d rgb(43,94,109)
```
#306a7b
```
#306a7b rgb(48,106,123)
```
#367789
```
#367789 rgb(54,119,137)
```
#3b8397
```
#3b8397 rgb(59,131,151)
```
#418fa5
```
#418fa5 rgb(65,143,165)
```
#469bb3
```
#469bb3 rgb(70,155,179)
```

Shade Color Variation

#52a4bb
```
#52a4bb rgb(82,164,187)
```
#60abc1
```
#60abc1 rgb(96,171,193)
```
#6eb3c6
```
#6eb3c6 rgb(110,179,198)
```
#7cbacc
```
#7cbacc rgb(124,186,204)
```
#8ac2d1
```
#8ac2d1 rgb(138,194,209)
```
#98c9d7
```
#98c9d7 rgb(152,201,215)
```
#a6d0dc
```
#a6d0dc rgb(166,208,220)
```
#b5d8e2
```
#b5d8e2 rgb(181,216,226)
```
#c3dfe7
```
#c3dfe7 rgb(195,223,231)
```
#d1e7ed
```
#d1e7ed rgb(209,231,237)
```
#dfeef2
```
#dfeef2 rgb(223,238,242)
```
#edf5f8
```
#edf5f8 rgb(237,245,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #808a8d is the less saturated color, while #11c8fc is the most saturated one.

#808a8d
```
#808a8d rgb(128,138,141)
```
#778f96
```
#778f96 rgb(119,143,150)
```
#6e949f
```
#6e949f rgb(110,148,159)
```
#659aa8
```
#659aa8 rgb(101,154,168)
```
#5b9fb2
```
#5b9fb2 rgb(91,159,178)
```
#52a4bb
```
#52a4bb rgb(82,164,187)
```
#49a9c4
```
#49a9c4 rgb(73,169,196)
```
#3faece
```
#3faece rgb(63,174,206)
```
#36b4d7
```
#36b4d7 rgb(54,180,215)
```
#2db9e0
```
#2db9e0 rgb(45,185,224)
```
#24bee9
```
#24bee9 rgb(36,190,233)
```
#1ac3f3
```
#1ac3f3 rgb(26,195,243)
```
#11c8fc
```
#11c8fc rgb(17,200,252)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#829297 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999db7 Protanopia 1% of men
#989bc3 Deuteranopia 1% of men
#57aab6 Tritanopia 0.001% of the population

Trichromacy

#7f9fb8 Protanomaly 1% of men, 0.01% of women
#7f9ec0 Deuteranomaly 6% of men, 0.4% of women
#55a7b8 Tritanomaly 0.01% of the population

#52a4bb hex color

#52a4bb Color Information

#52a4bb Color Conversion

Color Schemes with #52a4bb

Alternatives to #52a4bb

#52a4bb Preview

Shades and Tints of #52a4bb

Tones of #52a4bb

Color Blindness Simulator