#52b7d6 hex color

In a RGB color space, hex #52b7d6 is composed of 32.2% red, 71.8% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 14.5% magenta, 0% yellow and 16.1% black. It has a hue angle of 194.1 degrees, a saturation of 61.7% and a lightness of 58%. #52b7d6 color hex could be obtained by blending #a4ffff with #006fad. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 32
- G 72
- B 84
RGB color chart
- C 62
- M 14
- Y 0
- K 16
CMYK color chart

● #52b7d6 color description : Moderate cyan.

The hexadecimal color #52b7d6 has RGB values of R:82, G:183, B:214 and CMYK values of C:0.62, M:0.14, Y:0, K:0.16. Its decimal value is 5421014.

Hex triplet	52b7d6	`#52b7d6`
RGB Decimal	82, 183, 214	`rgb(82,183,214)`
RGB Percent	32.2, 71.8, 83.9	`rgb(32.2%,71.8%,83.9%)`
CMYK	62, 14, 0, 16
HSL	194.1°, 61.7, 58	`hsl(194.1,61.7%,58%)`
HSV (or HSB)	194.1°, 61.7, 83.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.834, -20.164, -24.394
XYZ	32.548, 40.513, 69.719
xyY	0.228, 0.284, 40.513
CIE-LCH	69.834, 31.649, 230.422
CIE-LUV	69.834, -40.46, -35.47
Hunter-Lab	63.65, -20.112, -20.388
Binary	01010010, 10110111, 11010110

#52b7d6
```
#52b7d6 rgb(82,183,214)
```
#d67152
```
#d67152 rgb(214,113,82)
```

Complementary Color

#52d6b3
```
#52d6b3 rgb(82,214,179)
```
#52b7d6
```
#52b7d6 rgb(82,183,214)
```
#5275d6
```
#5275d6 rgb(82,117,214)
```

Analogous Color

#d6b352
```
#d6b352 rgb(214,179,82)
```
#52b7d6
```
#52b7d6 rgb(82,183,214)
```
#d65275
```
#d65275 rgb(214,82,117)
```

Split Complementary Color

#b7d652
```
#b7d652 rgb(183,214,82)
```
#52b7d6
```
#52b7d6 rgb(82,183,214)
```
#d652b7
```
#d652b7 rgb(214,82,183)
```

Triadic Color

#52d671
```
#52d671 rgb(82,214,113)
```
#52b7d6
```
#52b7d6 rgb(82,183,214)
```
#d652b7
```
#d652b7 rgb(214,82,183)
```
#d67152
```
#d67152 rgb(214,113,82)
```

Tetradic Color

#2a92b1
```
#2a92b1 rgb(42,146,177)
```
#2fa3c6
```
#2fa3c6 rgb(47,163,198)
```
#3daed1
```
#3daed1 rgb(61,174,209)
```
#52b7d6
```
#52b7d6 rgb(82,183,214)
```
#67c0db
```
#67c0db rgb(103,192,219)
```
#7bc8e0
```
#7bc8e0 rgb(123,200,224)
```
#90d1e5
```
#90d1e5 rgb(144,209,229)
```

Monochromatic Color

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

#52d6d4
```
#52d6d4 rgb(82,214,212)
```
#52cdd6
```
#52cdd6 rgb(82,205,214)
```
#52c2d6
```
#52c2d6 rgb(82,194,214)
```
#52b7d6
```
#52b7d6 rgb(82,183,214)
```
#52acd6
```
#52acd6 rgb(82,172,214)
```
#52a1d6
```
#52a1d6 rgb(82,161,214)
```
#5296d6
```
#5296d6 rgb(82,150,214)
```

Similar Colors

Text with hexadecimal color #52b7d6

This text has a font color of #52b7d6.

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

#52b7d6 background color

This paragraph has a background color of #52b7d6.

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

#52b7d6 border color

This element has a border color of #52b7d6.

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

CSS codes

.text {color:#52b7d6;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040e11
```
#040e11 rgb(4,14,17)
```
#081b21
```
#081b21 rgb(8,27,33)
```
#0c2831
```
#0c2831 rgb(12,40,49)
```
#0f3541
```
#0f3541 rgb(15,53,65)
```
#134251
```
#134251 rgb(19,66,81)
```
#174f61
```
#174f61 rgb(23,79,97)
```
#1b5c70
```
#1b5c70 rgb(27,92,112)
```
#1e6980
```
#1e6980 rgb(30,105,128)
```
#227690
```
#227690 rgb(34,118,144)
```
#2683a0
```
#2683a0 rgb(38,131,160)
```
#2a90b0
```
#2a90b0 rgb(42,144,176)
```
#2d9dc0
```
#2d9dc0 rgb(45,157,192)
```

Shade Color Variation

#32aace
```
#32aace rgb(50,170,206)
```
#42b0d2
```
#42b0d2 rgb(66,176,210)
```
#52b7d6
```
#52b7d6 rgb(82,183,214)
```
#62beda
```
#62beda rgb(98,190,218)
```
#72c4de
```
#72c4de rgb(114,196,222)
```
#82cbe1
```
#82cbe1 rgb(130,203,225)
```
#91d1e5
```
#91d1e5 rgb(145,209,229)
```
#a1d8e9
```
#a1d8e9 rgb(161,216,233)
```
#b1dfed
```
#b1dfed rgb(177,223,237)
```
#c1e5f0
```
#c1e5f0 rgb(193,229,240)
```
#d1ecf4
```
#d1ecf4 rgb(209,236,244)
```
#e1f2f8
```
#e1f2f8 rgb(225,242,248)
```
#f1f9fc
```
#f1f9fc rgb(241,249,252)
```

Tint Color Variation

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

#949494
```
#949494 rgb(148,148,148)
```
#8c989c
```
#8c989c rgb(140,152,156)
```
#839da5
```
#839da5 rgb(131,157,165)
```
#7ba1ad
```
#7ba1ad rgb(123,161,173)
```
#73a6b5
```
#73a6b5 rgb(115,166,181)
```
#6baabd
```
#6baabd rgb(107,170,189)
```
#62aec6
```
#62aec6 rgb(98,174,198)
```
#5ab3ce
```
#5ab3ce rgb(90,179,206)
```
#52b7d6
```
#52b7d6 rgb(82,183,214)
```
#4abbde
```
#4abbde rgb(74,187,222)
```
#42c0e6
```
#42c0e6 rgb(66,192,230)
```
#39c4ef
```
#39c4ef rgb(57,196,239)
```
#31c8f7
```
#31c8f7 rgb(49,200,247)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#8da1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7adcf Protanopia 1% of men
#a4acdd Deuteranopia 1% of men
#53bdca Tritanopia 0.001% of the population

Trichromacy

#88b0d2 Protanomaly 1% of men, 0.01% of women
#86b0da Deuteranomaly 6% of men, 0.4% of women
#52bace Tritanomaly 0.01% of the population

#52b7d6 hex color

#52b7d6 Color Information

#52b7d6 Color Conversion

Color Schemes with #52b7d6

Alternatives to #52b7d6

#52b7d6 Preview

Shades and Tints of #52b7d6

Tones of #52b7d6

Color Blindness Simulator