#525560

#525560

Color Values

HEX

#525560

RGB

82, 85, 96

HSL

227.1, 7.9%, 34.9%

HSV

227.1, 14.6%, 37.6%

CMYK

14.6%, 11.5%, 0.0%, 62.4%

OKLCH

0.4508 0.0183 273.5

Properties

Cool Dark Nearest: RAL 7024 Graphite Grey

Color Harmonies

Complementary

#525560

#605D52

Analogous

#525C60

#565260

#525560

Triadic

#525560

#605255

#556052

Split Complementary

#525560

#605652

#5C6052

Tetradic

#525560

#60525C

#605D52

#526056

Color Blindness Simulation

Original

#525560

Protanopia

#53535D

Deuteranopia

#53535D

Tritanopia

#525B5B

Achromatopsia

#555555

CSS Usage

background-color: #525560;
color: #525560;
border-color: #525560;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F7F7F8
100
#ECECEE
200
#D8DADE
300
#BDBFC7
400
#999CA8
500
#757A8A
600
#5E616E
700
#4B4E58
800
#3B3D45
900
#2D2E34
950
#1C1D21

Contrast Checker

Text on white

7.43:1

AA Pass AAA Pass

Text on black

2.83:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026