#36100B

#36100B

Color Values

HEX

#36100B

RGB

54, 16, 11

HSL

7.0, 66.2%, 12.7%

HSV

7.0, 79.6%, 21.2%

CMYK

0.0%, 70.4%, 79.6%, 78.8%

OKLCH

0.2347 0.0623 30.0

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#36100B

#0B3136

Analogous

#360B1B

#36250B

#36100B

Triadic

#36100B

#0B3610

#100B36

Split Complementary

#36100B

#0B3625

#0B1B36

Tetradic

#36100B

#1B360B

#0B3136

#250B36

Color Blindness Simulation

Original

#36100B

Protanopia

#26250C

Deuteranopia

#282B0C

Tritanopia

#340D0D

Achromatopsia

#181818

CSS Usage

background-color: #36100B;
color: #36100B;
border-color: #36100B;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F3C9C4
300
#EAA399
400
#DF7162
500
#D43F2B
600
#AA3222
700
#88281C
800
#6A1F16
900
#4D1A14
950
#31110C

Contrast Checker

Text on white

16.99:1

AA Pass AAA Pass

Text on black

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