#52485F

#52485F

Color Values

HEX

#52485F

RGB

82, 72, 95

HSL

266.1, 13.8%, 32.7%

HSV

266.1, 24.2%, 37.3%

CMYK

13.7%, 24.2%, 0.0%, 62.7%

OKLCH

0.4207 0.0396 304.5

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#52485F

#555F48

Analogous

#48495F

#5D485F

#52485F

Triadic

#52485F

#5F5248

#485F52

Split Complementary

#52485F

#5F5D48

#495F48

Tetradic

#52485F

#5F4849

#555F48

#485F5D

Color Blindness Simulation

Original

#52485F

Protanopia

#4E4E59

Deuteranopia

#4E4F58

Tritanopia

#515554

Achromatopsia

#4C4C4C

CSS Usage

background-color: #52485F;
color: #52485F;
border-color: #52485F;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#EDEBEF
200
#DBD6E0
300
#C1B9CA
400
#9F94AE
500
#7D6E91
600
#645874
700
#50465D
800
#3F3749
900
#302A36
950
#1E1B22

Contrast Checker

Text on white

8.57:1

AA Pass AAA Pass

Text on black

2.45: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