#424C14

#424C14

Color Values

HEX

#424C14

RGB

66, 76, 20

HSL

70.7, 58.3%, 18.8%

HSV

70.7, 73.7%, 29.8%

CMYK

13.2%, 0.0%, 73.7%, 70.2%

OKLCH

0.3951 0.0789 118.9

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#424C14

#1E144C

Analogous

#4C3A14

#264C14

#424C14

Triadic

#424C14

#14424C

#4C1442

Split Complementary

#424C14

#14264C

#3A144C

Tetradic

#424C14

#144C3A

#1E144C

#4C1426

Color Blindness Simulation

Original

#424C14

Protanopia

#464622

Deuteranopia

#464525

Tritanopia

#422C2F

Achromatopsia

#464646

CSS Usage

background-color: #424C14;
color: #424C14;
border-color: #424C14;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#FAFBF4
100
#F3F6E4
200
#E9F0C6
300
#D9E59E
400
#C4D86A
500
#AFCA35
600
#8CA12B
700
#708122
800
#58651B
900
#414A17
950
#292F0F

Contrast Checker

Text on white

9.23:1

AA Pass AAA Pass

Text on black

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