#489151

#489151

Color Values

HEX

#489151

RGB

72, 145, 81

HSL

127,4, 33,6%, 42,5%

HSV

127,4, 50,3%, 56,9%

CMYK

50,3%, 0,0%, 44,1%, 43,1%

OKLCH

0,593 0,1206 146,5

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#489151

#914888

Analogous

#639148

#489175

#489151

Triadic

#489151

#514891

#915148

Split Complementary

#489151

#754891

#914863

Tetradic

#489151

#486391

#914888

#917548

Color Blindness Simulation

Original

#489151

Protanopia

#686860

Deuteranopia

#635E64

Tritanopia

#4C6D6F

Achromatopsia

#7D7D7D

CSS Usage

background-color: #489151;
color: #489151;
border-color: #489151;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF6
100
#E8F2E9
200
#CFE7D2
300
#ADD6B2
400
#81C089
500
#55AA5F
600
#44884C
700
#366D3D
800
#2A5530
900
#223F25
950
#152818

Contrast Checker

Text on white

3,86:1

AA Fail AAA Fail

Text on black

5,44:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026