#31540C

#31540C

Color Values

HEX

#31540C

RGB

49, 84, 12

HSL

89.2, 75.0%, 18.8%

HSV

89.2, 85.7%, 32.9%

CMYK

41.7%, 0.0%, 85.7%, 67.1%

OKLCH

0.404 0.1052 132.8

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#31540C

#2F0C54

Analogous

#54530C

#0D540C

#31540C

Triadic

#31540C

#0C3154

#540C31

Split Complementary

#31540C

#0C0D54

#530C54

Tetradic

#31540C

#0C5453

#2F0C54

#540C0D

Color Blindness Simulation

Original

#31540C

Protanopia

#40401D

Deuteranopia

#3E3C22

Tritanopia

#332B2E

Achromatopsia

#474747

CSS Usage

background-color: #31540C;
color: #31540C;
border-color: #31540C;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7FCF2
100
#EDF9E2
200
#DCF6C1
300
#C3F094
400
#A3E75A
500
#82DF20
600
#68B319
700
#538F14
800
#417010
900
#315110
950
#1F330A

Contrast Checker

Text on white

8.74:1

AA Pass AAA Pass

Text on black

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