#485D52

#485D52

Color Values

HEX

#485D52

RGB

72, 93, 82

HSL

148.6, 12.7%, 32.4%

HSV

148.6, 22.6%, 36.5%

CMYK

22.6%, 0.0%, 11.8%, 63.5%

OKLCH

0.4574 0.0312 162.0

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#485D52

#5D4853

Analogous

#495D48

#485D5D

#485D52

Triadic

#485D52

#52485D

#5D5248

Split Complementary

#485D52

#5D485D

#5D4849

Tetradic

#485D52

#48495D

#5D4853

#5D5D48

Color Blindness Simulation

Original

#485D52

Protanopia

#515155

Deuteranopia

#504E55

Tritanopia

#495757

Achromatopsia

#585858

CSS Usage

background-color: #485D52;
color: #485D52;
border-color: #485D52;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F7F8F7
100
#EBEFED
200
#D7E0DB
300
#BACAC1
400
#95ADA0
500
#6F907F
600
#597365
700
#475C51
800
#38483F
900
#2B3630
950
#1B221E

Contrast Checker

Text on white

7.09:1

AA Pass AAA Pass

Text on black

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