#424828

#424828

Color Values

HEX

#424828

RGB

66, 72, 40

HSL

71.2, 28.6%, 22.0%

HSV

71.2, 44.4%, 28.2%

CMYK

8.3%, 0.0%, 44.4%, 71.8%

OKLCH

0.3873 0.0506 117.5

Properties

Cool Dark Nearest: RAL 6003 Olive Green

Color Harmonies

Complementary

#424828

#2E2848

Analogous

#483E28

#324828

#424828

Triadic

#424828

#284248

#482842

Split Complementary

#424828

#283248

#3E2848

Tetradic

#424828

#28483E

#2E2848

#482832

Color Blindness Simulation

Original

#424828

Protanopia

#454530

Deuteranopia

#444432

Tritanopia

#423637

Achromatopsia

#444444

CSS Usage

background-color: #424828;
color: #424828;
border-color: #424828;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F9F9F5
100
#F0F1E9
200
#E2E6D1
300
#CDD3B0
400
#B2BC86
500
#96A45B
600
#788349
700
#60693A
800
#4B522E
900
#383D24
950
#242617

Contrast Checker

Text on white

9.59:1

AA Pass AAA Pass

Text on black

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