#526D68

#526D68

Color Values

HEX

#526D68

RGB

82, 109, 104

HSL

168.9, 14.1%, 37.5%

HSV

168.9, 24.8%, 42.7%

CMYK

24.8%, 0.0%, 4.6%, 57.3%

OKLCH

0.5118 0.0327 182.4

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#526D68

#6D5257

Analogous

#526D5B

#52656D

#526D68

Triadic

#526D68

#68526D

#6D6852

Split Complementary

#526D68

#6D5265

#6D5B52

Tetradic

#526D68

#5B526D

#6D5257

#656D52

Color Blindness Simulation

Original

#526D68

Protanopia

#5E5E69

Deuteranopia

#5C5A6A

Tritanopia

#536A6A

Achromatopsia

#676767

CSS Usage

background-color: #526D68;
color: #526D68;
border-color: #526D68;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E0DE
300
#B9CAC7
400
#93AEA9
500
#6E918B
600
#58746F
700
#465D59
800
#374945
900
#2A3734
950
#1B2221

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

3.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026