#448020

#448020

Color Values

HEX

#448020

RGB

68, 128, 32

HSL

97.5, 60.0%, 31.4%

HSV

97.5, 75.0%, 50.2%

CMYK

46.9%, 0.0%, 75.0%, 49.8%

OKLCH

0.5392 0.1418 136.3

Properties

Cool Dark Nearest: RAL 6017 May Green

Color Harmonies

Complementary

#448020

#5C2080

Analogous

#748020

#20802C

#448020

Triadic

#448020

#204480

#802044

Split Complementary

#448020

#2C2080

#802074

Tetradic

#448020

#207480

#5C2080

#802C20

Color Blindness Simulation

Original

#448020

Protanopia

#5E5F37

Deuteranopia

#5A563D

Tritanopia

#474A4E

Achromatopsia

#6C6C6C

CSS Usage

background-color: #448020;
color: #448020;
border-color: #448020;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F6FBF3
100
#EBF6E4
200
#D6F1C6
300
#B9E79D
400
#92D968
500
#6CCC33
600
#57A329
700
#458321
800
#36661A
900
#2A4B16
950
#1A2F0E

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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