#311510

#311510

Color Values

HEX

#311510

RGB

49, 21, 16

HSL

9.1, 50.8%, 12.7%

HSV

9.1, 67.3%, 19.2%

CMYK

0.0%, 57.1%, 67.3%, 80.8%

OKLCH

0.2358 0.0468 31.4

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#311510

#102C31

Analogous

#31101B

#312510

#311510

Triadic

#311510

#103115

#151031

Split Complementary

#311510

#103125

#101B31

Tetradic

#311510

#1B3110

#102C31

#251031

Color Blindness Simulation

Original

#311510

Protanopia

#252511

Deuteranopia

#262912

Tritanopia

#301212

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E8E5
200
#EDCFC9
300
#E1ACA3
400
#D17F71
500
#C0523F
600
#9A4232
700
#7B3528
800
#60291F
900
#47211A
950
#2D1511

Contrast Checker

Text on white

16.86:1

AA Pass AAA Pass

Text on black

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