#31442F

#31442F

Color Values

HEX

#31442F

RGB

49, 68, 47

HSL

114.3, 18.3%, 22.5%

HSV

114.3, 30.9%, 26.7%

CMYK

27.9%, 0.0%, 30.9%, 73.3%

OKLCH

0.3638 0.0429 142.3

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#31442F

#422F44

Analogous

#3B442F

#2F4437

#31442F

Triadic

#31442F

#2F3144

#442F31

Split Complementary

#31442F

#372F44

#442F3B

Tetradic

#31442F

#2F3B44

#422F44

#44372F

Color Blindness Simulation

Original

#31442F

Protanopia

#393934

Deuteranopia

#383735

Tritanopia

#323839

Achromatopsia

#3E3E3E

CSS Usage

background-color: #31442F;
color: #31442F;
border-color: #31442F;
Nearest Tailwind: Green 950 #052E16

Tailwind Shades

50
#F6F9F6
100
#EBF0EA
200
#D6E2D5
300
#B9CDB7
400
#93B28F
500
#6D9768
600
#577953
700
#466143
800
#364B34
900
#2A3828
950
#1B241A

Contrast Checker

Text on white

10.51:1

AA Pass AAA Pass

Text on black

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