#424A02

#424A02

Color Values

HEX

#424A02

RGB

66, 74, 2

HSL

66.7, 94.7%, 14.9%

HSV

66.7, 97.3%, 29.0%

CMYK

10.8%, 0.0%, 97.3%, 71.0%

OKLCH

0.3884 0.088 116.6

Properties

Cool Dark Nearest: darkolivegreen

Color Harmonies

Complementary

#424A02

#0A024A

Analogous

#4A2E02

#1E4A02

#424A02

Triadic

#424A02

#02424A

#4A0242

Split Complementary

#424A02

#021E4A

#2E024A

Tetradic

#424A02

#024A2E

#0A024A

#4A021E

Color Blindness Simulation

Original

#424A02

Protanopia

#454613

Deuteranopia

#454418

Tritanopia

#422124

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FCFEF1
100
#F8FCDF
200
#F6FDB9
300
#EFFC88
400
#E6FA47
500
#DDF807
600
#B1C705
700
#8E9F04
800
#6F7C03
900
#515A07
950
#333905

Contrast Checker

Text on white

9.49:1

AA Pass AAA Pass

Text on black

2.21:1

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