#525660 hex color

In a RGB color space, hex #525660 is composed of 32.2% red, 33.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 14.6% cyan, 10.4% magenta, 0% yellow and 62.4% black. It has a hue angle of 222.9 degrees, a saturation of 7.9% and a lightness of 34.9%. #525660 color hex could be obtained by blending #a4acc0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 32
- G 34
- B 38
RGB color chart
- C 15
- M 10
- Y 0
- K 62
CMYK color chart

● #525660 color description : Very dark grayish blue.

The hexadecimal color #525660 has RGB values of R:82, G:86, B:96 and CMYK values of C:0.15, M:0.1, Y:0, K:0.62. Its decimal value is 5396064.

Hex triplet	525660	`#525660`
RGB Decimal	82, 86, 96	`rgb(82,86,96)`
RGB Percent	32.2, 33.7, 37.6	`rgb(32.2%,33.7%,37.6%)`
CMYK	15, 10, 0, 62
HSL	222.9°, 7.9, 34.9	`hsl(222.9,7.9%,34.9%)`
HSV (or HSB)	222.9°, 14.6, 37.6
Web Safe	666666	`#666666`

CIE-LAB	36.544, 0.723, -6.323
XYZ	8.918, 9.294, 12.39
xyY	0.291, 0.304, 9.294
CIE-LCH	36.544, 6.364, 276.521
CIE-LUV	36.544, -2.625, -8.271
Hunter-Lab	30.486, -1.132, -2.756
Binary	01010010, 01010110, 01100000

#525660
```
#525660 rgb(82,86,96)
```
#605c52
```
#605c52 rgb(96,92,82)
```

Complementary Color

#525d60
```
#525d60 rgb(82,93,96)
```
#525660
```
#525660 rgb(82,86,96)
```
#555260
```
#555260 rgb(85,82,96)
```

Analogous Color

#5d6052
```
#5d6052 rgb(93,96,82)
```
#525660
```
#525660 rgb(82,86,96)
```
#605552
```
#605552 rgb(96,85,82)
```

Split Complementary Color

#566052
```
#566052 rgb(86,96,82)
```
#525660
```
#525660 rgb(82,86,96)
```
#605256
```
#605256 rgb(96,82,86)
```

Triadic Color

#52605c
```
#52605c rgb(82,96,92)
```
#525660
```
#525660 rgb(82,86,96)
```
#605256
```
#605256 rgb(96,82,86)
```
#605c52
```
#605c52 rgb(96,92,82)
```

Tetradic Color

#2f3137
```
#2f3137 rgb(47,49,55)
```
#3b3d44
```
#3b3d44 rgb(59,61,68)
```
#464a52
```
#464a52 rgb(70,74,82)
```
#525660
```
#525660 rgb(82,86,96)
```
#5e626e
```
#5e626e rgb(94,98,110)
```
#696f7c
```
#696f7c rgb(105,111,124)
```
#757b89
```
#757b89 rgb(117,123,137)
```

Monochromatic Color

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

#525a60
```
#525a60 rgb(82,90,96)
```
#525860
```
#525860 rgb(82,88,96)
```
#525760
```
#525760 rgb(82,87,96)
```
#525660
```
#525660 rgb(82,86,96)
```
#525560
```
#525560 rgb(82,85,96)
```
#525460
```
#525460 rgb(82,84,96)
```
#525360
```
#525360 rgb(82,83,96)
```

Similar Colors

Text with hexadecimal color #525660

This text has a font color of #525660.

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

#525660 background color

This paragraph has a background color of #525660.

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

#525660 border color

This element has a border color of #525660.

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

CSS codes

.text {color:#525660;}

.background {background-color:#525660;}

.border {border:1px solid #525660;}

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0b
```
#0a0a0b rgb(10,10,11)
```
#131416
```
#131416 rgb(19,20,22)
```
#1c1d21
```
#1c1d21 rgb(28,29,33)
```
#25272b
```
#25272b rgb(37,39,43)
```
#2e3036
```
#2e3036 rgb(46,48,54)
```
#373a40
```
#373a40 rgb(55,58,64)
```
#40434b
```
#40434b rgb(64,67,75)
```
#494d55
```
#494d55 rgb(73,77,85)
```
#525660
```
#525660 rgb(82,86,96)
```
#5b5f6b
```
#5b5f6b rgb(91,95,107)
```
#646975
```
#646975 rgb(100,105,117)
```
#6d7280
```
#6d7280 rgb(109,114,128)
```

Shade Color Variation

#767c8a
```
#767c8a rgb(118,124,138)
```
#818693
```
#818693 rgb(129,134,147)
```
#8b909c
```
#8b909c rgb(139,144,156)
```
#969aa5
```
#969aa5 rgb(150,154,165)
```
#a1a5ae
```
#a1a5ae rgb(161,165,174)
```
#abafb7
```
#abafb7 rgb(171,175,183)
```
#b6b9c0
```
#b6b9c0 rgb(182,185,192)
```
#c0c3c9
```
#c0c3c9 rgb(192,195,201)
```
#cbcdd2
```
#cbcdd2 rgb(203,205,210)
```
#d5d7dc
```
#d5d7dc rgb(213,215,220)
```
#e0e1e5
```
#e0e1e5 rgb(224,225,229)
```
#ebebee
```
#ebebee rgb(235,235,238)
```
#f5f6f7
```
#f5f6f7 rgb(245,246,247)
```

Tint Color Variation

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

#595959
```
#595959 rgb(89,89,89)
```
#525660
```
#525660 rgb(82,86,96)
```
#4b5367
```
#4b5367 rgb(75,83,103)
```
#44506e
```
#44506e rgb(68,80,110)
```
#3d4d75
```
#3d4d75 rgb(61,77,117)
```
#374a7b
```
#374a7b rgb(55,74,123)
```
#304782
```
#304782 rgb(48,71,130)
```
#294489
```
#294489 rgb(41,68,137)
```
#224190
```
#224190 rgb(34,65,144)
```
#1b3f97
```
#1b3f97 rgb(27,63,151)
```
#143c9e
```
#143c9e rgb(20,60,158)
```
#0e39a4
```
#0e39a4 rgb(14,57,164)
```
#0736ab
```
#0736ab rgb(7,54,171)
```

Tone Color Variation

Below, you can see how #525660 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
#555658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d5e67 Protanopia 1% of men
#625c69 Deuteranopia 1% of men
#5a5f66 Tritanopia 0.001% of the population

Trichromacy

#595b65 Protanomaly 1% of men, 0.01% of women
#5c5a65 Deuteranomaly 6% of men, 0.4% of women
#575b63 Tritanomaly 0.01% of the population

#525660 hex color

#525660 Color Information

#525660 Color Conversion

Color Schemes with #525660

Alternatives to #525660

#525660 Preview

Shades and Tints of #525660

Tones of #525660

Color Blindness Simulator