#424217

#424217

Color Values

HEX

#424217

RGB

66, 66, 23

HSL

60.0, 48.3%, 17.5%

HSV

60.0, 65.2%, 25.9%

CMYK

0.0%, 0.0%, 65.2%, 74.1%

OKLCH

0.3689 0.0624 109.1

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#424217

#171742

Analogous

#422D17

#2D4217

#424217

Triadic

#424217

#174242

#421742

Split Complementary

#424217

#172D42

#2D1742

Tetradic

#424217

#17422D

#171742

#42172D

Color Blindness Simulation

Original

#424217

Protanopia

#424221

Deuteranopia

#424224

Tritanopia

#422A2B

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EDEDCA
300
#DFDFA4
400
#CECE73
500
#BDBD42
600
#979735
700
#79792A
800
#5F5F21
900
#46461B
950
#2C2C11

Contrast Checker

Text on white

10.38:1

AA Pass AAA Pass

Text on black

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