#311511

#311511

Color Values

HEX

#311511

RGB

49, 21, 17

HSL

7.5, 48.5%, 12.9%

HSV

7.5, 65.3%, 19.2%

CMYK

0.0%, 57.1%, 65.3%, 80.8%

OKLCH

0.236 0.0464 29.4

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#311511

#112D31

Analogous

#31111D

#312511

#311511

Triadic

#311511

#113115

#151131

Split Complementary

#311511

#113125

#111D31

Tetradic

#311511

#1D3111

#112D31

#251131

Color Blindness Simulation

Original

#311511

Protanopia

#252512

Deuteranopia

#262912

Tritanopia

#301313

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E8E6
200
#EDCECA
300
#DFACA4
400
#CE7E73
500
#BD5142
600
#974135
700
#79342A
800
#5F2921
900
#46211B
950
#2C1511

Contrast Checker

Text on white

16.85:1

AA Pass AAA Pass

Text on black

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