#332406

#332406

Color Values

HEX

#332406

RGB

51, 36, 6

HSL

40.0, 78.9%, 11.2%

HSV

40.0, 88.2%, 20.0%

CMYK

0.0%, 29.4%, 88.2%, 80.0%

OKLCH

0.2718 0.0492 81.2

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#332406

#061533

Analogous

#330E06

#2C3306

#332406

Triadic

#332406

#063324

#240633

Split Complementary

#332406

#062C33

#0E0633

Tetradic

#332406

#06330E

#061533

#33062C

Color Blindness Simulation

Original

#332406

Protanopia

#2D2C0D

Deuteranopia

#2D2E0F

Tritanopia

#321314

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F1E1
200
#F7E5BF
300
#F2D292
400
#EBB956
500
#E4A11B
600
#B68116
700
#926711
800
#72510D
900
#533C0E
950
#342609

Contrast Checker

Text on white

15.05:1

AA Pass AAA Pass

Text on black

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