#52a3bd hex color

In a RGB color space, hex #52a3bd is composed of 32.2% red, 63.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 13.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 194.6 degrees, a saturation of 44.8% and a lightness of 53.1%. #52a3bd color hex could be obtained by blending #a4ffff with #00477b. Closest websafe color is: #6699cc.

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

● #52a3bd color description : Moderate cyan.

The hexadecimal color #52a3bd has RGB values of R:82, G:163, B:189 and CMYK values of C:0.57, M:0.14, Y:0, K:0.26. Its decimal value is 5415869.

Hex triplet	52a3bd	`#52a3bd`
RGB Decimal	82, 163, 189	`rgb(82,163,189)`
RGB Percent	32.2, 63.9, 74.1	`rgb(32.2%,63.9%,74.1%)`
CMYK	57, 14, 0, 26
HSL	194.6°, 44.8, 53.1	`hsl(194.6,44.8%,53.1%)`
HSV (or HSB)	194.6°, 56.6, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.061, -17.209, -20.91
XYZ	25.76, 31.661, 52.895
xyY	0.234, 0.287, 31.661
CIE-LCH	63.061, 27.081, 230.545
CIE-LUV	63.061, -34.076, -29.658
Hunter-Lab	56.268, -16.75, -16.349
Binary	01010010, 10100011, 10111101

#52a3bd
```
#52a3bd rgb(82,163,189)
```
#bd6c52
```
#bd6c52 rgb(189,108,82)
```

Complementary Color

#52bda2
```
#52bda2 rgb(82,189,162)
```
#52a3bd
```
#52a3bd rgb(82,163,189)
```
#526ebd
```
#526ebd rgb(82,110,189)
```

Analogous Color

#bda252
```
#bda252 rgb(189,162,82)
```
#52a3bd
```
#52a3bd rgb(82,163,189)
```
#bd526e
```
#bd526e rgb(189,82,110)
```

Split Complementary Color

#a3bd52
```
#a3bd52 rgb(163,189,82)
```
#52a3bd
```
#52a3bd rgb(82,163,189)
```
#bd52a3
```
#bd52a3 rgb(189,82,163)
```

Triadic Color

#52bd6c
```
#52bd6c rgb(82,189,108)
```
#52a3bd
```
#52a3bd rgb(82,163,189)
```
#bd52a3
```
#bd52a3 rgb(189,82,163)
```
#bd6c52
```
#bd6c52 rgb(189,108,82)
```

Tetradic Color

#36788d
```
#36788d rgb(54,120,141)
```
#3d879f
```
#3d879f rgb(61,135,159)
```
#4497b2
```
#4497b2 rgb(68,151,178)
```
#52a3bd
```
#52a3bd rgb(82,163,189)
```
#64adc4
```
#64adc4 rgb(100,173,196)
```
#77b7cb
```
#77b7cb rgb(119,183,203)
```
#89c0d2
```
#89c0d2 rgb(137,192,210)
```

Monochromatic Color

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

#52bdbc
```
#52bdbc rgb(82,189,188)
```
#52b5bd
```
#52b5bd rgb(82,181,189)
```
#52acbd
```
#52acbd rgb(82,172,189)
```
#52a3bd
```
#52a3bd rgb(82,163,189)
```
#529abd
```
#529abd rgb(82,154,189)
```
#5291bd
```
#5291bd rgb(82,145,189)
```
#5288bd
```
#5288bd rgb(82,136,189)
```

Similar Colors

Text with hexadecimal color #52a3bd

This text has a font color of #52a3bd.

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

#52a3bd background color

This paragraph has a background color of #52a3bd.

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

#52a3bd border color

This element has a border color of #52a3bd.

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

CSS codes

.text {color:#52a3bd;}

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

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

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, #040a0c is the darkest color, while #fcfefe is the lightest one.

#040a0c
```
#040a0c rgb(4,10,12)
```
#0a161a
```
#0a161a rgb(10,22,26)
```
#0f2228
```
#0f2228 rgb(15,34,40)
```
#152e36
```
#152e36 rgb(21,46,54)
```
#1a3a44
```
#1a3a44 rgb(26,58,68)
```
#204653
```
#204653 rgb(32,70,83)
```
#255261
```
#255261 rgb(37,82,97)
```
#2a5e6f
```
#2a5e6f rgb(42,94,111)
```
#306a7d
```
#306a7d rgb(48,106,125)
```
#35768b
```
#35768b rgb(53,118,139)
```
#3b829a
```
#3b829a rgb(59,130,154)
```
#408fa8
```
#408fa8 rgb(64,143,168)
```
#459bb6
```
#459bb6 rgb(69,155,182)
```

Shade Color Variation

#52a3bd
```
#52a3bd rgb(82,163,189)
```
#60abc2
```
#60abc2 rgb(96,171,194)
```
#6eb2c8
```
#6eb2c8 rgb(110,178,200)
```
#7dbacd
```
#7dbacd rgb(125,186,205)
```
#8bc1d3
```
#8bc1d3 rgb(139,193,211)
```
#99c9d8
```
#99c9d8 rgb(153,201,216)
```
#a7d0de
```
#a7d0de rgb(167,208,222)
```
#b5d8e3
```
#b5d8e3 rgb(181,216,227)
```
#c4dfe8
```
#c4dfe8 rgb(196,223,232)
```
#d2e7ee
```
#d2e7ee rgb(210,231,238)
```
#e0eff3
```
#e0eff3 rgb(224,239,243)
```
#eef6f9
```
#eef6f9 rgb(238,246,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#808b8f
```
#808b8f rgb(128,139,143)
```
#779098
```
#779098 rgb(119,144,152)
```
#6e95a1
```
#6e95a1 rgb(110,149,161)
```
#649aab
```
#649aab rgb(100,154,171)
```
#5b9eb4
```
#5b9eb4 rgb(91,158,180)
```
#52a3bd
```
#52a3bd rgb(82,163,189)
```
#49a8c6
```
#49a8c6 rgb(73,168,198)
```
#40accf
```
#40accf rgb(64,172,207)
```
#36b1d9
```
#36b1d9 rgb(54,177,217)
```
#2db6e2
```
#2db6e2 rgb(45,182,226)
```
#24bbeb
```
#24bbeb rgb(36,187,235)
```
#1bbff4
```
#1bbff4 rgb(27,191,244)
```
#12c4fd
```
#12c4fd rgb(18,196,253)
```

Tone Color Variation

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

#979cb9 Protanopia 1% of men
#969bc5 Deuteranopia 1% of men
#55a9b6 Tritanopia 0.001% of the population

Trichromacy

#7e9eba Protanomaly 1% of men, 0.01% of women
#7d9ec2 Deuteranomaly 6% of men, 0.4% of women
#54a7b8 Tritanomaly 0.01% of the population

#52a3bd hex color

#52a3bd Color Information

#52a3bd Color Conversion

Color Schemes with #52a3bd

Alternatives to #52a3bd

#52a3bd Preview

Shades and Tints of #52a3bd

Tones of #52a3bd

Color Blindness Simulator