#372E12

#372E12

Color Values

HEX

#372E12

RGB

55, 46, 18

HSL

45.4, 50.7%, 14.3%

HSV

45.4, 67.3%, 21.6%

CMYK

0.0%, 16.4%, 67.3%, 78.4%

OKLCH

0.304 0.045 91.7

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#372E12

#121B37

Analogous

#371B12

#2D3712

#372E12

Triadic

#372E12

#12372E

#2E1237

Split Complementary

#372E12

#122D37

#1B1237

Tetradic

#372E12

#12371B

#121B37

#37122D

Color Blindness Simulation

Original

#372E12

Protanopia

#333319

Deuteranopia

#34341A

Tritanopia

#371E1F

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F5F1E5
200
#EDE5C9
300
#E1D2A3
400
#D0B971
500
#C0A13F
600
#9A8132
700
#7B6728
800
#60501F
900
#473C1A
950
#2D2611

Contrast Checker

Text on white

13.44:1

AA Pass AAA Pass

Text on black

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