#448942

#448942

Color Values

HEX

#448942

RGB

68, 137, 66

HSL

118.3, 35.0%, 39.8%

HSV

118.3, 51.8%, 53.7%

CMYK

50.4%, 0.0%, 51.8%, 46.3%

OKLCH

0.5674 0.1259 143.2

Properties

Cool Light Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#448942

#874289

Analogous

#688942

#428963

#448942

Triadic

#448942

#424489

#894244

Split Complementary

#448942

#634289

#894268

Tetradic

#448942

#426889

#874289

#896342

Color Blindness Simulation

Original

#448942

Protanopia

#626253

Deuteranopia

#5E5957

Tritanopia

#476164

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#D0E8CF
300
#AED7AC
400
#81C280
500
#55AC53
600
#448A42
700
#376E35
800
#2B5629
900
#224021
950
#162815

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

4.9:1

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