#2C2201

#2C2201

Color Values

HEX

#2C2201

RGB

44, 34, 1

HSL

46.0, 95.6%, 8.8%

HSV

46.0, 97.7%, 17.3%

CMYK

0.0%, 22.7%, 97.7%, 82.7%

OKLCH

0.2564 0.0511 92.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#2C2201

#010B2C

Analogous

#2C0C01

#202C01

#2C2201

Triadic

#2C2201

#012C22

#22012C

Split Complementary

#2C2201

#01202C

#0C012C

Tetradic

#2C2201

#012C0C

#010B2C

#2C0120

Color Blindness Simulation

Original

#2C2201

Protanopia

#282809

Deuteranopia

#28290B

Tritanopia

#2C0F11

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DF
200
#FDEEB9
300
#FCE187
400
#FBD146
500
#F9C106
600
#C89A04
700
#A07B04
800
#7D6003
900
#5A4707
950
#392D04

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

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026