#2E2C12

#2E2C12

Color Values

HEX

#2E2C12

RGB

46, 44, 18

HSL

55.7, 43.8%, 12.5%

HSV

55.7, 60.9%, 18.0%

CMYK

0.0%, 4.3%, 60.9%, 82.0%

OKLCH

0.2882 0.0418 104.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2E2C12

#12142E

Analogous

#2E1E12

#222E12

#2E2C12

Triadic

#2E2C12

#122E2C

#2C122E

Split Complementary

#2E2C12

#12222E

#1E122E

Tetradic

#2E2C12

#122E1E

#12142E

#2E1222

Color Blindness Simulation

Original

#2E2C12

Protanopia

#2D2D18

Deuteranopia

#2D2D1A

Tritanopia

#2E1D1E

Achromatopsia

#2B2B2B

CSS Usage

background-color: #2E2C12;
color: #2E2C12;
border-color: #2E2C12;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FAFAF5
100
#F4F3E7
200
#EBE9CC
300
#DDD9A7
400
#CAC477
500
#B7AF48
600
#938C39
700
#75702E
800
#5C5824
900
#44411D
950
#2B2913

Contrast Checker

Text on white

14.14:1

AA Pass AAA Pass

Text on black

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