#2C220B

#2C220B

Color Values

HEX

#2C220B

RGB

44, 34, 11

HSL

41.8, 60.0%, 10.8%

HSV

41.8, 75.0%, 17.3%

CMYK

0.0%, 22.7%, 75.0%, 82.7%

OKLCH

0.2578 0.0395 85.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2C220B

#0B152C

Analogous

#2C120B

#262C0B

#2C220B

Triadic

#2C220B

#0B2C22

#220B2C

Split Complementary

#2C220B

#0B262C

#120B2C

Tetradic

#2C220B

#0B2C12

#0B152C

#2C0B26

Color Blindness Simulation

Original

#2C220B

Protanopia

#282811

Deuteranopia

#282912

Tritanopia

#2C1516

Achromatopsia

#222222

CSS Usage

background-color: #2C220B;
color: #2C220B;
border-color: #2C220B;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF9F3
100
#F6F1E4
200
#F1E4C6
300
#E7D09D
400
#D9B768
500
#CC9E33
600
#A37E29
700
#836521
800
#664F1A
900
#4B3B16
950
#2F250E

Contrast Checker

Text on white

15.66:1

AA Pass AAA Pass

Text on black

1.34:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026