#485251

#485251

Color Values

HEX

#485251

RGB

72, 82, 81

HSL

174.0, 6.5%, 30.2%

HSV

174.0, 12.2%, 32.2%

CMYK

12.2%, 0.0%, 1.2%, 67.8%

OKLCH

0.4294 0.0128 189.4

Properties

Cool Dark Nearest: RAL 7043 Traffic Grey B

Color Harmonies

Complementary

#485251

#524849

Analogous

#48524C

#484E52

#485251

Triadic

#485251

#514852

#525148

Split Complementary

#485251

#52484E

#524C48

Tetradic

#485251

#4C4852

#524849

#4E5248

Color Blindness Simulation

Original

#485251

Protanopia

#4C4C51

Deuteranopia

#4C4B51

Tritanopia

#485151

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEE
200
#D9DEDD
300
#BEC6C5
400
#9BA7A6
500
#778886
600
#5F6D6B
700
#4C5756
800
#3C4443
900
#2E3333
950
#1D2020

Contrast Checker

Text on white

8.07:1

AA Pass AAA Pass

Text on black

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