#52556a hex color

In a RGB color space, hex #52556a is composed of 32.2% red, 33.3% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 19.8% magenta, 0% yellow and 58.4% black. It has a hue angle of 232.5 degrees, a saturation of 12.8% and a lightness of 36.9%. #52556a color hex could be obtained by blending #a4aad4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 32
- G 33
- B 42
RGB color chart
- C 23
- M 20
- Y 0
- K 58
CMYK color chart

● #52556a color description : Very dark grayish blue.

The hexadecimal color #52556a has RGB values of R:82, G:85, B:106 and CMYK values of C:0.23, M:0.2, Y:0, K:0.58. Its decimal value is 5395818.

Hex triplet	52556a	`#52556a`
RGB Decimal	82, 85, 106	`rgb(82,85,106)`
RGB Percent	32.2, 33.3, 41.6	`rgb(32.2%,33.3%,41.6%)`
CMYK	23, 20, 0, 58
HSL	232.5°, 12.8, 36.9	`hsl(232.5,12.8%,36.9%)`
HSV (or HSB)	232.5°, 22.6, 41.6
Web Safe	666666	`#666666`

CIE-LAB	36.615, 3.855, -12.451
XYZ	9.329, 9.331, 14.944
xyY	0.278, 0.278, 9.331
CIE-LCH	36.615, 13.035, 287.204
CIE-LUV	36.615, -2.674, -17.01
Hunter-Lab	30.547, 1.057, -7.623
Binary	01010010, 01010101, 01101010

#52556a
```
#52556a rgb(82,85,106)
```
#6a6752
```
#6a6752 rgb(106,103,82)
```

Complementary Color

#52616a
```
#52616a rgb(82,97,106)
```
#52556a
```
#52556a rgb(82,85,106)
```
#5b526a
```
#5b526a rgb(91,82,106)
```

Analogous Color

#616a52
```
#616a52 rgb(97,106,82)
```
#52556a
```
#52556a rgb(82,85,106)
```
#6a5b52
```
#6a5b52 rgb(106,91,82)
```

Split Complementary Color

#556a52
```
#556a52 rgb(85,106,82)
```
#52556a
```
#52556a rgb(82,85,106)
```
#6a5255
```
#6a5255 rgb(106,82,85)
```

Triadic Color

#526a67
```
#526a67 rgb(82,106,103)
```
#52556a
```
#52556a rgb(82,85,106)
```
#6a5255
```
#6a5255 rgb(106,82,85)
```
#6a6752
```
#6a6752 rgb(106,103,82)
```

Tetradic Color

#31323f
```
#31323f rgb(49,50,63)
```
#3c3e4d
```
#3c3e4d rgb(60,62,77)
```
#47495c
```
#47495c rgb(71,73,92)
```
#52556a
```
#52556a rgb(82,85,106)
```
#5d6178
```
#5d6178 rgb(93,97,120)
```
#686c87
```
#686c87 rgb(104,108,135)
```
#757894
```
#757894 rgb(117,120,148)
```

Monochromatic Color

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

#525b6a
```
#525b6a rgb(82,91,106)
```
#52596a
```
#52596a rgb(82,89,106)
```
#52576a
```
#52576a rgb(82,87,106)
```
#52556a
```
#52556a rgb(82,85,106)
```
#52536a
```
#52536a rgb(82,83,106)
```
#53526a
```
#53526a rgb(83,82,106)
```
#55526a
```
#55526a rgb(85,82,106)
```

Similar Colors

Text with hexadecimal color #52556a

This text has a font color of #52556a.

<span style="color:#52556a;">Text here</span>

#52556a background color

This paragraph has a background color of #52556a.

<p style="background-color:#52556a;">Content here</p>

#52556a border color

This element has a border color of #52556a.

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

CSS codes

.text {color:#52556a;}

.background {background-color:#52556a;}

.border {border:1px solid #52556a;}

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

#050506
```
#050506 rgb(5,5,6)
```
#0e0e12
```
#0e0e12 rgb(14,14,18)
```
#16171d
```
#16171d rgb(22,23,29)
```
#1f2028
```
#1f2028 rgb(31,32,40)
```
#272933
```
#272933 rgb(39,41,51)
```
#30323e
```
#30323e rgb(48,50,62)
```
#383a49
```
#383a49 rgb(56,58,73)
```
#414354
```
#414354 rgb(65,67,84)
```
#494c5f
```
#494c5f rgb(73,76,95)
```
#52556a
```
#52556a rgb(82,85,106)
```
#5b5e75
```
#5b5e75 rgb(91,94,117)
```
#636780
```
#636780 rgb(99,103,128)
```
#6c708b
```
#6c708b rgb(108,112,139)
```

Shade Color Variation

#767a95
```
#767a95 rgb(118,122,149)
```
#81849d
```
#81849d rgb(129,132,157)
```
#8c8fa6
```
#8c8fa6 rgb(140,143,166)
```
#979aae
```
#979aae rgb(151,154,174)
```
#a2a5b7
```
#a2a5b7 rgb(162,165,183)
```
#adafc0
```
#adafc0 rgb(173,175,192)
```
#b8bac8
```
#b8bac8 rgb(184,186,200)
```
#c3c5d1
```
#c3c5d1 rgb(195,197,209)
```
#ced0d9
```
#ced0d9 rgb(206,208,217)
```
#d9dae2
```
#d9dae2 rgb(217,218,226)
```
#e4e5ea
```
#e4e5ea rgb(228,229,234)
```
#eff0f3
```
#eff0f3 rgb(239,240,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595a63 is the less saturated color, while #0219ba is the most saturated one.

#595a63
```
#595a63 rgb(89,90,99)
```
#52556a
```
#52556a rgb(82,85,106)
```
#4b5071
```
#4b5071 rgb(75,80,113)
```
#444a78
```
#444a78 rgb(68,74,120)
```
#3c4580
```
#3c4580 rgb(60,69,128)
```
#353f87
```
#353f87 rgb(53,63,135)
```
#2e3a8e
```
#2e3a8e rgb(46,58,142)
```
#273495
```
#273495 rgb(39,52,149)
```
#1f2f9d
```
#1f2f9d rgb(31,47,157)
```
#182aa4
```
#182aa4 rgb(24,42,164)
```
#1124ab
```
#1124ab rgb(17,36,171)
```
#0a1fb2
```
#0a1fb2 rgb(10,31,178)
```
#0219ba
```
#0219ba rgb(2,25,186)
```

Tone Color Variation

Below, you can see how #52556a 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

#565656 Achromatopsia 0.005% of the population
#55565a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5e71 Protanopia 1% of men
#5d5d72 Deuteranopia 1% of men
#585f66 Tritanopia 0.001% of the population

Trichromacy

#575a6f Protanomaly 1% of men, 0.01% of women
#595a6f Deuteranomaly 6% of men, 0.4% of women
#565b67 Tritanomaly 0.01% of the population

#52556a hex color

#52556a Color Information

#52556a Color Conversion

Color Schemes with #52556a

Alternatives to #52556a

#52556a Preview

Shades and Tints of #52556a

Tones of #52556a

Color Blindness Simulator