#424C25

#424C25

Color Values

HEX

#424C25

RGB

66, 76, 37

HSL

75.4, 34.5%, 22.2%

HSV

75.4, 51.3%, 29.8%

CMYK

13.2%, 0.0%, 51.3%, 70.2%

OKLCH

0.3973 0.061 121.1

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#424C25

#2F254C

Analogous

#4C4325

#2F4C25

#424C25

Triadic

#424C25

#25424C

#4C2542

Split Complementary

#424C25

#252F4C

#43254C

Tetradic

#424C25

#254C43

#2F254C

#4C252F

Color Blindness Simulation

Original

#424C25

Protanopia

#46462E

Deuteranopia

#464531

Tritanopia

#423638

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#F0F2E8
200
#E1E8CF
300
#CCD7AD
400
#B0C180
500
#95AB54
600
#778943
700
#5F6E35
800
#4A562A
900
#383F21
950
#232815

Contrast Checker

Text on white

9.16:1

AA Pass AAA Pass

Text on black

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