#36280F

#36280F

Color Values

HEX

#36280F

RGB

54, 40, 15

HSL

38.5, 56.5%, 13.5%

HSV

38.5, 72.2%, 21.2%

CMYK

0.0%, 25.9%, 72.2%, 78.8%

OKLCH

0.287 0.0439 80.0

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#36280F

#0F1D36

Analogous

#36140F

#30360F

#36280F

Triadic

#36280F

#0F3628

#280F36

Split Complementary

#36280F

#0F3036

#140F36

Tetradic

#36280F

#0F3614

#0F1D36

#360F30

Color Blindness Simulation

Original

#36280F

Protanopia

#303015

Deuteranopia

#313216

Tritanopia

#351A1B

Achromatopsia

#292929

CSS Usage

background-color: #36280F;
color: #36280F;
border-color: #36280F;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FBF8F4
100
#F6F0E5
200
#EFE1C7
300
#E4CC9F
400
#D6B06B
500
#C89437
600
#A0762C
700
#805F23
800
#644A1C
900
#493718
950
#2E230F

Contrast Checker

Text on white

14.31:1

AA Pass AAA Pass

Text on black

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