#424123

#424123

Color Values

HEX

#424123

RGB

66, 65, 35

HSL

58.1, 30.7%, 19.8%

HSV

58.1, 47.0%, 25.9%

CMYK

0.0%, 1.5%, 47.0%, 74.1%

OKLCH

0.3682 0.0466 106.8

Properties

Warm Dark Nearest: RAL 7013 Brown Grey

Color Harmonies

Complementary

#424123

#232442

Analogous

#423223

#334223

#424123

Triadic

#424123

#234241

#412342

Split Complementary

#424123

#233342

#322342

Tetradic

#424123

#234232

#232442

#422333

Color Blindness Simulation

Original

#424123

Protanopia

#42422A

Deuteranopia

#42422C

Tritanopia

#423031

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F9F9F5
100
#F2F2E8
200
#E6E6D0
300
#D5D3AF
400
#BEBC84
500
#A7A458
600
#858347
700
#6B6939
800
#53522C
900
#3E3D23
950
#272716

Contrast Checker

Text on white

10.44:1

AA Pass AAA Pass

Text on black

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