#52b3bd hex color

In a RGB color space, hex #52b3bd is composed of 32.2% red, 70.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 5.3% magenta, 0% yellow and 25.9% black. It has a hue angle of 185.6 degrees, a saturation of 44.8% and a lightness of 53.1%. #52b3bd color hex could be obtained by blending #a4ffff with #00677b. Closest websafe color is: #66cccc.

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

● #52b3bd color description : Moderate cyan.

The hexadecimal color #52b3bd has RGB values of R:82, G:179, B:189 and CMYK values of C:0.57, M:0.05, Y:0, K:0.26. Its decimal value is 5419965.

Hex triplet	52b3bd	`#52b3bd`
RGB Decimal	82, 179, 189	`rgb(82,179,189)`
RGB Percent	32.2, 70.2, 74.1	`rgb(32.2%,70.2%,74.1%)`
CMYK	57, 5, 0, 26
HSL	185.6°, 44.8, 53.1	`hsl(185.6,44.8%,53.1%)`
HSV (or HSB)	185.6°, 56.6, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	67.803, -25.458, -13.726
XYZ	28.783, 37.706, 53.902
xyY	0.239, 0.313, 37.706
CIE-LCH	67.803, 28.922, 208.332
CIE-LUV	67.803, -40.165, -17.191
Hunter-Lab	61.405, -23.791, -9.062
Binary	01010010, 10110011, 10111101

#52b3bd
```
#52b3bd rgb(82,179,189)
```
#bd5c52
```
#bd5c52 rgb(189,92,82)
```

Complementary Color

#52bd92
```
#52bd92 rgb(82,189,146)
```
#52b3bd
```
#52b3bd rgb(82,179,189)
```
#527ebd
```
#527ebd rgb(82,126,189)
```

Analogous Color

#bd9252
```
#bd9252 rgb(189,146,82)
```
#52b3bd
```
#52b3bd rgb(82,179,189)
```
#bd527e
```
#bd527e rgb(189,82,126)
```

Split Complementary Color

#b3bd52
```
#b3bd52 rgb(179,189,82)
```
#52b3bd
```
#52b3bd rgb(82,179,189)
```
#bd52b3
```
#bd52b3 rgb(189,82,179)
```

Triadic Color

#52bd5c
```
#52bd5c rgb(82,189,92)
```
#52b3bd
```
#52b3bd rgb(82,179,189)
```
#bd52b3
```
#bd52b3 rgb(189,82,179)
```
#bd5c52
```
#bd5c52 rgb(189,92,82)
```

Tetradic Color

#36858d
```
#36858d rgb(54,133,141)
```
#3d969f
```
#3d969f rgb(61,150,159)
```
#44a7b2
```
#44a7b2 rgb(68,167,178)
```
#52b3bd
```
#52b3bd rgb(82,179,189)
```
#64bbc4
```
#64bbc4 rgb(100,187,196)
```
#77c3cb
```
#77c3cb rgb(119,195,203)
```
#89cbd2
```
#89cbd2 rgb(137,203,210)
```

Monochromatic Color

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

#52bdac
```
#52bdac rgb(82,189,172)
```
#52bdb5
```
#52bdb5 rgb(82,189,181)
```
#52bcbd
```
#52bcbd rgb(82,188,189)
```
#52b3bd
```
#52b3bd rgb(82,179,189)
```
#52aabd
```
#52aabd rgb(82,170,189)
```
#52a1bd
```
#52a1bd rgb(82,161,189)
```
#5298bd
```
#5298bd rgb(82,152,189)
```

Similar Colors

Text with hexadecimal color #52b3bd

This text has a font color of #52b3bd.

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

#52b3bd background color

This paragraph has a background color of #52b3bd.

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

#52b3bd border color

This element has a border color of #52b3bd.

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

CSS codes

.text {color:#52b3bd;}

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

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

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

#040b0c
```
#040b0c rgb(4,11,12)
```
#0a181a
```
#0a181a rgb(10,24,26)
```
#0f2628
```
#0f2628 rgb(15,38,40)
```
#153336
```
#153336 rgb(21,51,54)
```
#1a4044
```
#1a4044 rgb(26,64,68)
```
#204e53
```
#204e53 rgb(32,78,83)
```
#255b61
```
#255b61 rgb(37,91,97)
```
#2a696f
```
#2a696f rgb(42,105,111)
```
#30767d
```
#30767d rgb(48,118,125)
```
#35838b
```
#35838b rgb(53,131,139)
```
#3b919a
```
#3b919a rgb(59,145,154)
```
#409ea8
```
#409ea8 rgb(64,158,168)
```
#45abb6
```
#45abb6 rgb(69,171,182)
```

Shade Color Variation

#52b3bd
```
#52b3bd rgb(82,179,189)
```
#60b9c2
```
#60b9c2 rgb(96,185,194)
```
#6ebfc8
```
#6ebfc8 rgb(110,191,200)
```
#7dc6cd
```
#7dc6cd rgb(125,198,205)
```
#8bccd3
```
#8bccd3 rgb(139,204,211)
```
#99d2d8
```
#99d2d8 rgb(153,210,216)
```
#a7d8de
```
#a7d8de rgb(167,216,222)
```
#b5dfe3
```
#b5dfe3 rgb(181,223,227)
```
#c4e5e8
```
#c4e5e8 rgb(196,229,232)
```
#d2ebee
```
#d2ebee rgb(210,235,238)
```
#e0f1f3
```
#e0f1f3 rgb(224,241,243)
```
#eef8f9
```
#eef8f9 rgb(238,248,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#808e8f
```
#808e8f rgb(128,142,143)
```
#779598
```
#779598 rgb(119,149,152)
```
#6e9da1
```
#6e9da1 rgb(110,157,161)
```
#64a4ab
```
#64a4ab rgb(100,164,171)
```
#5bacb4
```
#5bacb4 rgb(91,172,180)
```
#52b3bd
```
#52b3bd rgb(82,179,189)
```
#49bac6
```
#49bac6 rgb(73,186,198)
```
#40c2cf
```
#40c2cf rgb(64,194,207)
```
#36c9d9
```
#36c9d9 rgb(54,201,217)
```
#2dd1e2
```
#2dd1e2 rgb(45,209,226)
```
#24d8eb
```
#24d8eb rgb(36,216,235)
```
#1be0f4
```
#1be0f4 rgb(27,224,244)
```
#12e7fd
```
#12e7fd rgb(18,231,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#899d9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a8b8 Protanopia 1% of men
#aaa6c6 Deuteranopia 1% of men
#5cb6c3 Tritanopia 0.001% of the population

Trichromacy

#88acb9 Protanomaly 1% of men, 0.01% of women
#8aaac3 Deuteranomaly 6% of men, 0.4% of women
#58b5c1 Tritanomaly 0.01% of the population

#52b3bd hex color

#52b3bd Color Information

#52b3bd Color Conversion

Color Schemes with #52b3bd

Alternatives to #52b3bd

#52b3bd Preview

Shades and Tints of #52b3bd

Tones of #52b3bd

Color Blindness Simulator