#52696C

#52696C

Color Values

HEX

#52696C

RGB

82, 105, 108

HSL

186.9, 13.7%, 37.3%

HSV

186.9, 24.1%, 42.4%

CMYK

24.1%, 2.8%, 0.0%, 57.6%

OKLCH

0.5034 0.0277 206.1

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#52696C

#6C5552

Analogous

#526C62

#525C6C

#52696C

Triadic

#52696C

#6C5269

#696C52

Split Complementary

#52696C

#6C525C

#6C6252

Tetradic

#52696C

#62526C

#6C5552

#5C6C52

Color Blindness Simulation

Original

#52696C

Protanopia

#5C5C6B

Deuteranopia

#5B596B

Tritanopia

#536B6B

Achromatopsia

#646464

CSS Usage

background-color: #52696C;
color: #52696C;
border-color: #52696C;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F8F8
100
#EBEFEF
200
#D6DFE0
300
#B9C8CA
400
#94ABAE
500
#6E8D91
600
#587174
700
#465A5D
800
#374648
900
#2A3536
950
#1B2222

Contrast Checker

Text on white

5.84:1

AA Pass AAA Fail

Text on black

3.6:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026