#332F14

#332F14

Color Values

HEX

#332F14

RGB

51, 47, 20

HSL

52.3, 43.7%, 13.9%

HSV

52.3, 60.8%, 20.0%

CMYK

0.0%, 7.8%, 60.8%, 80.0%

OKLCH

0.3023 0.043 101.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#332F14

#141833

Analogous

#331F14

#273314

#332F14

Triadic

#332F14

#14332F

#2F1433

Split Complementary

#332F14

#142733

#1F1433

Tetradic

#332F14

#14331F

#141833

#331427

Color Blindness Simulation

Original

#332F14

Protanopia

#31311B

Deuteranopia

#32321C

Tritanopia

#332021

Achromatopsia

#2E2E2E

CSS Usage

background-color: #332F14;
color: #332F14;
border-color: #332F14;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FAF9F5
100
#F4F2E7
200
#EBE7CC
300
#DDD6A7
400
#CABF77
500
#B7A948
600
#938739
700
#756C2E
800
#5C5424
900
#443F1D
950
#2B2813

Contrast Checker

Text on white

13.48:1

AA Pass AAA Pass

Text on black

1.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026