#488147

#488147

Color Values

HEX

#488147

RGB

72, 129, 71

HSL

119,0, 29,0%, 39,2%

HSV

119,0, 45,0%, 50,6%

CMYK

44,2%, 0,0%, 45,0%, 49,4%

OKLCH

0,5489 0,1062 143,6

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#488147

#804781

Analogous

#658147

#478163

#488147

Triadic

#488147

#474881

#814748

Split Complementary

#488147

#634781

#814765

Tetradic

#488147

#476581

#804781

#816347

Color Blindness Simulation

Original

#488147

Protanopia

#616155

Deuteranopia

#5D5958

Tritanopia

#4B6063

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#E9F2E9
200
#D1E6D1
300
#B1D4B0
400
#86BC85
500
#5CA45B
600
#498448
700
#3B693A
800
#2E522D
900
#243D24
950
#172717

Contrast Checker

Text on white

4,66:1

AA Pass AAA Fail

Text on black

4,51:1

AA Pass 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