#488047

#488047

Color Values

HEX

#488047

RGB

72, 128, 71

HSL

118.9, 28.6%, 39.0%

HSV

118.9, 44.5%, 50.2%

CMYK

43.8%, 0.0%, 44.5%, 49.8%

OKLCH

0.5462 0.1047 143.6

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#488047

#7F4780

Analogous

#648047

#478062

#488047

Triadic

#488047

#474880

#804748

Split Complementary

#488047

#624780

#804764

Tetradic

#488047

#476480

#7F4780

#806247

Color Blindness Simulation

Original

#488047

Protanopia

#606155

Deuteranopia

#5D5958

Tritanopia

#4B6062

Achromatopsia

#707070

CSS Usage

background-color: #488047;
color: #488047;
border-color: #488047;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F6F9F5
100
#E9F1E9
200
#D1E6D1
300
#B1D3B0
400
#87BC86
500
#5CA45B
600
#4A8349
700
#3B693A
800
#2E522E
900
#243D24
950
#172617

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

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