#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

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