#311610

#311610

Color Values

HEX

#311610

RGB

49, 22, 16

HSL

10.9, 50.8%, 12.7%

HSV

10.9, 67.3%, 19.2%

CMYK

0.0%, 55.1%, 67.3%, 80.8%

OKLCH

0.2378 0.0455 33.6

Properties

Warm Dark Nearest: RAL 3007 Black Red

Color Harmonies

Complementary

#311610

#102B31

Analogous

#31101A

#312610

#311610

Triadic

#311610

#103116

#161031

Split Complementary

#311610

#103126

#101A31

Tetradic

#311610

#1A3110

#102B31

#261031

Color Blindness Simulation

Original

#311610

Protanopia

#252511

Deuteranopia

#272912

Tritanopia

#301313

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E8E5
200
#EDD0C9
300
#E1AEA3
400
#D18271
500
#C0563F
600
#9A4532
700
#7B3728
800
#602B1F
900
#47221A
950
#2D1611

Contrast Checker

Text on white

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