#331F0E

#331F0E

Color Values

HEX

#331F0E

RGB

51, 31, 14

HSL

27,6, 56,9%, 12,7%

HSV

27,6, 72,5%, 20,0%

CMYK

0,0%, 39,2%, 72,5%, 80,0%

OKLCH

0,2607 0,0418 59,8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#331F0E

#0E2233

Analogous

#330E0F

#33310E

#331F0E

Triadic

#331F0E

#0E331F

#1F0E33

Split Complementary

#331F0E

#0E3331

#0E0F33

Tetradic

#331F0E

#0F330E

#0E2233

#310E33

Color Blindness Simulation

Original

#331F0E

Protanopia

#2A2A12

Deuteranopia

#2C2D13

Tritanopia

#321516

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FBF7F4
100
#F6ECE5
200
#F0DAC7
300
#E5BF9F
400
#D69C6B
500
#C87A37
600
#A0612C
700
#804E23
800
#643D1B
900
#492E18
950
#2E1D0F

Contrast Checker

Text on white

15,64:1

AA Pass AAA Pass

Text on black

1,34:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026