#52a6bf hex color

In a RGB color space, hex #52a6bf is composed of 32.2% red, 65.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 13.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 193.8 degrees, a saturation of 46% and a lightness of 53.5%. #52a6bf color hex could be obtained by blending #a4ffff with #004d7f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 65
- B 75
RGB color chart
- C 57
- M 13
- Y 0
- K 25
CMYK color chart

● #52a6bf color description : Moderate cyan.

The hexadecimal color #52a6bf has RGB values of R:82, G:166, B:191 and CMYK values of C:0.57, M:0.13, Y:0, K:0.25. Its decimal value is 5416639.

Hex triplet	52a6bf	`#52a6bf`
RGB Decimal	82, 166, 191	`rgb(82,166,191)`
RGB Percent	32.2, 65.1, 74.9	`rgb(32.2%,65.1%,74.9%)`
CMYK	57, 13, 0, 25
HSL	193.8°, 46, 53.5	`hsl(193.8,46%,53.5%)`
HSV (or HSB)	193.8°, 57.1, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.02, -18.199, -20.565
XYZ	26.517, 32.826, 54.226
xyY	0.233, 0.289, 32.826
CIE-LCH	64.02, 27.461, 228.493
CIE-LUV	64.02, -35.136, -29.033
Hunter-Lab	57.294, -17.649, -16.009
Binary	01010010, 10100110, 10111111

#52a6bf
```
#52a6bf rgb(82,166,191)
```
#bf6b52
```
#bf6b52 rgb(191,107,82)
```

Complementary Color

#52bfa2
```
#52bfa2 rgb(82,191,162)
```
#52a6bf
```
#52a6bf rgb(82,166,191)
```
#5270bf
```
#5270bf rgb(82,112,191)
```

Analogous Color

#bfa252
```
#bfa252 rgb(191,162,82)
```
#52a6bf
```
#52a6bf rgb(82,166,191)
```
#bf5270
```
#bf5270 rgb(191,82,112)
```

Split Complementary Color

#a6bf52
```
#a6bf52 rgb(166,191,82)
```
#52a6bf
```
#52a6bf rgb(82,166,191)
```
#bf52a6
```
#bf52a6 rgb(191,82,166)
```

Triadic Color

#52bf6b
```
#52bf6b rgb(82,191,107)
```
#52a6bf
```
#52a6bf rgb(82,166,191)
```
#bf52a6
```
#bf52a6 rgb(191,82,166)
```
#bf6b52
```
#bf6b52 rgb(191,107,82)
```

Tetradic Color

#357b8f
```
#357b8f rgb(53,123,143)
```
#3c8ba2
```
#3c8ba2 rgb(60,139,162)
```
#439bb5
```
#439bb5 rgb(67,155,181)
```
#52a6bf
```
#52a6bf rgb(82,166,191)
```
#65b0c6
```
#65b0c6 rgb(101,176,198)
```
#77b9cd
```
#77b9cd rgb(119,185,205)
```
#8ac3d4
```
#8ac3d4 rgb(138,195,212)
```

Monochromatic Color

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

#52bfbd
```
#52bfbd rgb(82,191,189)
```
#52b8bf
```
#52b8bf rgb(82,184,191)
```
#52afbf
```
#52afbf rgb(82,175,191)
```
#52a6bf
```
#52a6bf rgb(82,166,191)
```
#529dbf
```
#529dbf rgb(82,157,191)
```
#5294bf
```
#5294bf rgb(82,148,191)
```
#528bbf
```
#528bbf rgb(82,139,191)
```

Similar Colors

Text with hexadecimal color #52a6bf

This text has a font color of #52a6bf.

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

#52a6bf background color

This paragraph has a background color of #52a6bf.

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

#52a6bf border color

This element has a border color of #52a6bf.

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

CSS codes

.text {color:#52a6bf;}

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

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

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, #050b0d is the darkest color, while #fefeff is the lightest one.

#050b0d
```
#050b0d rgb(5,11,13)
```
#0a171b
```
#0a171b rgb(10,23,27)
```
#0f242a
```
#0f242a rgb(15,36,42)
```
#153038
```
#153038 rgb(21,48,56)
```
#1a3c46
```
#1a3c46 rgb(26,60,70)
```
#1f4855
```
#1f4855 rgb(31,72,85)
```
#255563
```
#255563 rgb(37,85,99)
```
#2a6171
```
#2a6171 rgb(42,97,113)
```
#2f6d80
```
#2f6d80 rgb(47,109,128)
```
#35798e
```
#35798e rgb(53,121,142)
```
#3a869c
```
#3a869c rgb(58,134,156)
```
#3f92ab
```
#3f92ab rgb(63,146,171)
```
#449eb9
```
#449eb9 rgb(68,158,185)
```

Shade Color Variation

#52a6bf
```
#52a6bf rgb(82,166,191)
```
#60adc4
```
#60adc4 rgb(96,173,196)
```
#6fb5ca
```
#6fb5ca rgb(111,181,202)
```
#7dbccf
```
#7dbccf rgb(125,188,207)
```
#8bc3d4
```
#8bc3d4 rgb(139,195,212)
```
#9acbd9
```
#9acbd9 rgb(154,203,217)
```
#a8d2df
```
#a8d2df rgb(168,210,223)
```
#b6dae4
```
#b6dae4 rgb(182,218,228)
```
#c5e1e9
```
#c5e1e9 rgb(197,225,233)
```
#d3e8ef
```
#d3e8ef rgb(211,232,239)
```
#e1f0f4
```
#e1f0f4 rgb(225,240,244)
```
#f0f7f9
```
#f0f7f9 rgb(240,247,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#808d91
```
#808d91 rgb(128,141,145)
```
#76929b
```
#76929b rgb(118,146,155)
```
#6d97a4
```
#6d97a4 rgb(109,151,164)
```
#649cad
```
#649cad rgb(100,156,173)
```
#5ba1b6
```
#5ba1b6 rgb(91,161,182)
```
#52a6bf
```
#52a6bf rgb(82,166,191)
```
#49abc8
```
#49abc8 rgb(73,171,200)
```
#40b0d1
```
#40b0d1 rgb(64,176,209)
```
#37b5da
```
#37b5da rgb(55,181,218)
```
#2ebae3
```
#2ebae3 rgb(46,186,227)
```
#24bfed
```
#24bfed rgb(36,191,237)
```
#1bc4f6
```
#1bc4f6 rgb(27,196,246)
```
#12c9ff
```
#12c9ff rgb(18,201,255)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#849499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9fbb Protanopia 1% of men
#999dc7 Deuteranopia 1% of men
#56acb8 Tritanopia 0.001% of the population

Trichromacy

#7fa1bc Protanomaly 1% of men, 0.01% of women
#7fa0c4 Deuteranomaly 6% of men, 0.4% of women
#54aabb Tritanomaly 0.01% of the population

#52a6bf hex color

#52a6bf Color Information

#52a6bf Color Conversion

Color Schemes with #52a6bf

Alternatives to #52a6bf

#52a6bf Preview

Shades and Tints of #52a6bf

Tones of #52a6bf

Color Blindness Simulator