#331E0C

#331E0C

Color Values

HEX

#331E0C

RGB

51, 30, 12

HSL

27.7, 61.9%, 12.4%

HSV

27.7, 76.5%, 20.0%

CMYK

0.0%, 41.2%, 76.5%, 80.0%

OKLCH

0.258 0.0439 59.6

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#331E0C

#0C2133

Analogous

#330C0E

#33320C

#331E0C

Triadic

#331E0C

#0C331E

#1E0C33

Split Complementary

#331E0C

#0C3332

#0C0E33

Tetradic

#331E0C

#0E330C

#0C2133

#320C33

Color Blindness Simulation

Original

#331E0C

Protanopia

#2A2A10

Deuteranopia

#2B2D11

Tritanopia

#321415

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FBF7F3
100
#F7ECE4
200
#F1DAC5
300
#E8BF9C
400
#DB9C66
500
#CE7931
600
#A56127
700
#844E1F
800
#673D18
900
#4B2E15
950
#301D0E

Contrast Checker

Text on white

15.77:1

AA Pass AAA Pass

Text on black

1.33:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026