#3C270C

#3C270C

Color Values

HEX

#3C270C

RGB

60, 39, 12

HSL

33.8, 66.7%, 14.1%

HSV

33.8, 80.0%, 23.5%

CMYK

0.0%, 35.0%, 80.0%, 76.5%

OKLCH

0.2925 0.0509 70.1

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#3C270C

#0C213C

Analogous

#3C0F0C

#393C0C

#3C270C

Triadic

#3C270C

#0C3C27

#270C3C

Split Complementary

#3C270C

#0C393C

#0F0C3C

Tetradic

#3C270C

#0C3C0F

#0C213C

#3C0C39

Color Blindness Simulation

Original

#3C270C

Protanopia

#333313

Deuteranopia

#343614

Tritanopia

#3B1819

Achromatopsia

#2A2A2A

CSS Usage

background-color: #3C270C;
color: #3C270C;
border-color: #3C270C;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FCF8F3
100
#F7EEE3
200
#F3DEC3
300
#EBC799
400
#E0A962
500
#D58A2A
600
#AA6F22
700
#88581B
800
#6A4515
900
#4E3413
950
#31210C

Contrast Checker

Text on white

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