#36270D

#36270D

Color Values

HEX

#36270D

RGB

54, 39, 13

HSL

38.0, 61.2%, 13.1%

HSV

38.0, 75.9%, 21.2%

CMYK

0.0%, 27.8%, 75.9%, 78.8%

OKLCH

0.2842 0.0455 78.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#36270D

#0D1C36

Analogous

#36120D

#30360D

#36270D

Triadic

#36270D

#0D3627

#270D36

Split Complementary

#36270D

#0D3036

#120D36

Tetradic

#36270D

#0D3612

#0D1C36

#360D30

Color Blindness Simulation

Original

#36270D

Protanopia

#302F13

Deuteranopia

#303215

Tritanopia

#351819

Achromatopsia

#282828

CSS Usage

background-color: #36270D;
color: #36270D;
border-color: #36270D;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF8F3
100
#F6F0E4
200
#F1E1C5
300
#E7CC9C
400
#DAB067
500
#CE9431
600
#A47728
700
#845F20
800
#674A19
900
#4B3816
950
#2F230E

Contrast Checker

Text on white

14.45:1

AA Pass AAA Pass

Text on black

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