#48663D

#48663D

Color Values

HEX

#48663D

RGB

72, 102, 61

HSL

103.9, 25.2%, 32.0%

HSV

103.9, 40.2%, 40.0%

CMYK

29.4%, 0.0%, 40.2%, 60.0%

OKLCH

0.4754 0.0725 137.6

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#48663D

#5B3D66

Analogous

#5D663D

#3D6647

#48663D

Triadic

#48663D

#3D4866

#663D48

Split Complementary

#48663D

#473D66

#663D5D

Tetradic

#48663D

#3D5D66

#5B3D66

#66473D

Color Blindness Simulation

Original

#48663D

Protanopia

#555547

Deuteranopia

#535149

Tritanopia

#494F50

Achromatopsia

#5D5D5D

CSS Usage

background-color: #48663D;
color: #48663D;
border-color: #48663D;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F7F9F6
100
#EBF1E9
200
#D7E4D2
300
#BBD1B2
400
#96B889
500
#71A05F
600
#5A804C
700
#48663D
800
#385030
900
#2B3B25
950
#1B2618

Contrast Checker

Text on white

6.47:1

AA Pass AAA Fail

Text on black

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