#485452

#485452

Color Values

HEX

#485452

RGB

72, 84, 82

HSL

170.0, 7.7%, 30.6%

HSV

170.0, 14.3%, 32.9%

CMYK

14.3%, 0.0%, 2.4%, 67.1%

OKLCH

0.4347 0.0155 184.5

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#485452

#54484A

Analogous

#48544C

#485054

#485452

Triadic

#485452

#524854

#545248

Split Complementary

#485452

#544850

#544C48

Tetradic

#485452

#4C4854

#54484A

#505448

Color Blindness Simulation

Original

#485452

Protanopia

#4D4D52

Deuteranopia

#4C4C53

Tritanopia

#495353

Achromatopsia

#515151

CSS Usage

background-color: #485452;
color: #485452;
border-color: #485452;
Nearest Tailwind: Neutral 600 #525252

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DEDD
300
#BDC7C5
400
#99A8A5
500
#768986
600
#5E6E6B
700
#4B5856
800
#3B4543
900
#2D3433
950
#1C2120

Contrast Checker

Text on white

7.88:1

AA Pass AAA Pass

Text on black

2.67:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026