#485256

#485256

Color Values

HEX

#485256

RGB

72, 82, 86

HSL

197.1, 8.9%, 31.0%

HSV

197.1, 16.3%, 33.7%

CMYK

16.3%, 4.7%, 0.0%, 66.3%

OKLCH

0.4312 0.0144 223.8

Properties

Cool Dark Nearest: RAL 7011 Iron Grey

Color Harmonies

Complementary

#485256

#564C48

Analogous

#485653

#484B56

#485256

Triadic

#485256

#564852

#525648

Split Complementary

#485256

#56484B

#565348

Tetradic

#485256

#534856

#564C48

#4B5648

Color Blindness Simulation

Original

#485256

Protanopia

#4C4C55

Deuteranopia

#4C4B55

Tritanopia

#485454

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DDDE
300
#BCC4C7
400
#98A4A9
500
#74848B
600
#5D6A6F
700
#4A5559
800
#3A4245
900
#2D3234
950
#1C2021

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

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