#485653

#485653

Color Values

HEX

#485653

RGB

72, 86, 83

HSL

167.1, 8.9%, 31.0%

HSV

167.1, 16.3%, 33.7%

CMYK

16.3%, 0.0%, 3.5%, 66.3%

OKLCH

0.4401 0.0182 181.0

Properties

Cool Dark Nearest: RAL 7012 Basalt Grey

Color Harmonies

Complementary

#485653

#56484B

Analogous

#48564C

#485256

#485653

Triadic

#485653

#534856

#565348

Split Complementary

#485653

#564852

#564C48

Tetradic

#485653

#4C4856

#56484B

#525648

Color Blindness Simulation

Original

#485653

Protanopia

#4E4E54

Deuteranopia

#4D4C54

Tritanopia

#495454

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEFEE
200
#D8DEDD
300
#BCC7C5
400
#98A9A5
500
#748B86
600
#5D6F6B
700
#4A5956
800
#3A4543
900
#2D3433
950
#1C2120

Contrast Checker

Text on white

7.69:1

AA Pass AAA Pass

Text on black

2.73:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026