#48564B

#48564B

Color Values

HEX

#48564B

RGB

72, 86, 75

HSL

132.9, 8.9%, 31.0%

HSV

132.9, 16.3%, 33.7%

CMYK

16.3%, 0.0%, 12.8%, 66.3%

OKLCH

0.4375 0.025 151.6

Properties

Cool Dark Nearest: RAL 7009 Green Grey

Color Harmonies

Complementary

#48564B

#564853

Analogous

#4C5648

#485652

#48564B

Triadic

#48564B

#4B4856

#564B48

Split Complementary

#48564B

#524856

#56484C

Tetradic

#48564B

#484C56

#564853

#565248

Color Blindness Simulation

Original

#48564B

Protanopia

#4E4E4E

Deuteranopia

#4D4C4E

Tritanopia

#495050

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFEC
200
#D8DED9
300
#BCC7BF
400
#98A99C
500
#748B79
600
#5D6F61
700
#4A594D
800
#3A453D
900
#2D342E
950
#1C211D

Contrast Checker

Text on white

7.75:1

AA Pass AAA Pass

Text on black

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