#448946

#448946

Color Values

HEX

#448946

RGB

68, 137, 70

HSL

121.7, 33.7%, 40.2%

HSV

121.7, 50.4%, 53.7%

CMYK

50.4%, 0.0%, 48.9%, 46.3%

OKLCH

0.5681 0.1219 144.3

Properties

Cool Light Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#448946

#894487

Analogous

#658944

#448968

#448946

Triadic

#448946

#464489

#894644

Split Complementary

#448946

#684489

#894465

Tetradic

#448946

#446589

#894487

#896844

Color Blindness Simulation

Original

#448946

Protanopia

#626256

Deuteranopia

#5E595A

Tritanopia

#476366

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE7D0
300
#ADD6AE
400
#81C083
500
#55AA57
600
#448846
700
#366D38
800
#2A552B
900
#223F23
950
#152816

Contrast Checker

Text on white

4.27:1

AA Fail AAA Fail

Text on black

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