#331E14

#331E14

Color Values

HEX

#331E14

RGB

51, 30, 20

HSL

19.4, 43.7%, 13.9%

HSV

19.4, 60.8%, 20.0%

CMYK

0.0%, 41.2%, 60.8%, 80.0%

OKLCH

0.2596 0.0376 46.1

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#331E14

#142933

Analogous

#331419

#332D14

#331E14

Triadic

#331E14

#14331E

#1E1433

Split Complementary

#331E14

#14332D

#141933

Tetradic

#331E14

#193314

#142933

#2D1433

Color Blindness Simulation

Original

#331E14

Protanopia

#2A2A16

Deuteranopia

#2B2D17

Tritanopia

#321819

Achromatopsia

#222222

CSS Usage

background-color: #331E14;
color: #331E14;
border-color: #331E14;
Nearest Tailwind: Stone 800 #292524

Tailwind Shades

50
#FAF6F5
100
#F4EBE7
200
#EBD6CC
300
#DDB8A7
400
#CA9277
500
#B76C48
600
#935639
700
#75452E
800
#5C3624
900
#442A1D
950
#2B1A13

Contrast Checker

Text on white

15.71:1

AA Pass AAA Pass

Text on black

1.34:1

AA Fail AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026