#424A16

#424A16

Color Values

HEX

#424A16

RGB

66, 74, 22

HSL

69.2, 54.2%, 18.8%

HSV

69.2, 70.3%, 29.0%

CMYK

10.8%, 0.0%, 70.3%, 71.0%

OKLCH

0.3899 0.0743 117.4

Properties

Cool Dark Nearest: RAL 7008 Khaki Grey

Color Harmonies

Complementary

#424A16

#1E164A

Analogous

#4A3816

#284A16

#424A16

Triadic

#424A16

#16424A

#4A1642

Split Complementary

#424A16

#16284A

#38164A

Tetradic

#424A16

#164A38

#1E164A

#4A1628

Color Blindness Simulation

Original

#424A16

Protanopia

#454623

Deuteranopia

#454426

Tritanopia

#422D2F

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#E9EFC8
300
#D9E3A1
400
#C4D46E
500
#AFC53A
600
#8C9D2F
700
#707E25
800
#58621D
900
#414819
950
#292E10

Contrast Checker

Text on white

9.45:1

AA Pass AAA Pass

Text on black

2.22:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026