#31371C

#31371C

Color Values

HEX

#31371C

RGB

49, 55, 28

HSL

73.3, 32.5%, 16.3%

HSV

73.3, 49.1%, 21.6%

CMYK

10.9%, 0.0%, 49.1%, 78.4%

OKLCH

0.3234 0.0447 119.2

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#31371C

#221C37

Analogous

#37301C

#24371C

#31371C

Triadic

#31371C

#1C3137

#371C31

Split Complementary

#31371C

#1C2437

#301C37

Tetradic

#31371C

#1C3730

#221C37

#371C24

Color Blindness Simulation

Original

#31371C

Protanopia

#343423

Deuteranopia

#333324

Tritanopia

#312829

Achromatopsia

#343434

CSS Usage

background-color: #31371C;
color: #31371C;
border-color: #31371C;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F9F9F5
100
#F0F2E8
200
#E2E7D0
300
#CDD6AE
400
#B2BF82
500
#97A956
600
#788745
700
#606C37
800
#4B542B
900
#383F22
950
#242816

Contrast Checker

Text on white

12.4:1

AA Pass AAA Pass

Text on black

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