#448516

#448516

Color Values

HEX

#448516

RGB

68, 133, 22

HSL

95.1, 71.6%, 30.4%

HSV

95.1, 83.5%, 52.2%

CMYK

48.9%, 0.0%, 83.5%, 47.8%

OKLCH

0.5521 0.1537 136.0

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#448516

#571685

Analogous

#7C8516

#16851F

#448516

Triadic

#448516

#164485

#851644

Split Complementary

#448516

#1F1685

#85167C

Tetradic

#448516

#167C85

#571685

#851F16

Color Blindness Simulation

Original

#448516

Protanopia

#606131

Deuteranopia

#5C5837

Tritanopia

#47464B

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EBF8E2
200
#D7F5C2
300
#BAEE96
400
#95E45D
500
#70DB24
600
#5AAF1D
700
#488C17
800
#386D12
900
#2B5011
950
#1B320B

Contrast Checker

Text on white

4.55:1

AA Pass AAA Fail

Text on black

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