#485644

#485644

Color Values

HEX

#485644

RGB

72, 86, 68

HSL

106.7, 11.7%, 30.2%

HSV

106.7, 20.9%, 33.7%

CMYK

16.3%, 0.0%, 20.9%, 66.3%

OKLCH

0.4354 0.0339 138.8

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#485644

#524456

Analogous

#515644

#445649

#485644

Triadic

#485644

#444856

#564448

Split Complementary

#485644

#494456

#564451

Tetradic

#485644

#445156

#524456

#564944

Color Blindness Simulation

Original

#485644

Protanopia

#4E4E48

Deuteranopia

#4D4C49

Tritanopia

#494C4D

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEB
200
#D9DFD7
300
#BEC9BB
400
#9BAC96
500
#778E71
600
#5F725A
700
#4C5B48
800
#3C4738
900
#2E362B
950
#1D221B

Contrast Checker

Text on white

7.81:1

AA Pass AAA Pass

Text on black

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