#67462F

#67462F

Color Values

HEX

#67462F

RGB

103, 70, 47

HSL

24.6, 37.3%, 29.4%

HSV

24.6, 54.4%, 40.4%

CMYK

0.0%, 32.0%, 54.4%, 59.6%

OKLCH

0.4253 0.0575 55.4

Properties

Warm Dark Nearest: RAL 8011 Nut Brown

Color Harmonies

Complementary

#67462F

#2F5067

Analogous

#672F34

#67622F

#67462F

Triadic

#67462F

#2F6746

#462F67

Split Complementary

#67462F

#2F6762

#2F3467

Tetradic

#67462F

#34672F

#2F5067

#622F67

Color Blindness Simulation

Original

#67462F

Protanopia

#595835

Deuteranopia

#5B5D36

Tritanopia

#65393A

Achromatopsia

#4B4B4B

CSS Usage

background-color: #67462F;
color: #67462F;
border-color: #67462F;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#E9D9CE
300
#D9BEAB
400
#C49A7D
500
#AF7750
600
#8C5F40
700
#704C33
800
#583B28
900
#412E20
950
#291D14

Contrast Checker

Text on white

8.42:1

AA Pass AAA Pass

Text on black

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