#31402C

#31402C

Color Values

HEX

#31402C

RGB

49, 64, 44

HSL

105.0, 18.5%, 21.2%

HSV

105.0, 31.2%, 25.1%

CMYK

23.4%, 0.0%, 31.2%, 74.9%

OKLCH

0.3519 0.039 138.0

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#31402C

#3B2C40

Analogous

#3B402C

#2C4031

#31402C

Triadic

#31402C

#2C3140

#402C31

Split Complementary

#31402C

#312C40

#402C3B

Tetradic

#31402C

#2C3B40

#3B2C40

#40312C

Color Blindness Simulation

Original

#31402C

Protanopia

#373831

Deuteranopia

#373632

Tritanopia

#323536

Achromatopsia

#3B3B3B

CSS Usage

background-color: #31402C;
color: #31402C;
border-color: #31402C;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D8E2D5
300
#BCCDB6
400
#98B28F
500
#749768
600
#5D7953
700
#4A6143
800
#3A4C34
900
#2C3928
950
#1C241A

Contrast Checker

Text on white

11.05:1

AA Pass AAA Pass

Text on black

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