#313C25

#313C25

Color Values

HEX

#313C25

RGB

49, 60, 37

HSL

88.7, 23.7%, 19.0%

HSV

88.7, 38.3%, 23.5%

CMYK

18.3%, 0.0%, 38.3%, 76.5%

OKLCH

0.3392 0.0411 129.2

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#313C25

#30253C

Analogous

#3C3B25

#253C25

#313C25

Triadic

#313C25

#25313C

#3C2531

Split Complementary

#313C25

#25253C

#3B253C

Tetradic

#313C25

#253C3B

#30253C

#3C2525

Color Blindness Simulation

Original

#313C25

Protanopia

#36362B

Deuteranopia

#35342C

Tritanopia

#322F30

Achromatopsia

#383838

CSS Usage

background-color: #313C25;
color: #313C25;
border-color: #313C25;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F7F9F6
100
#EDF1EA
200
#DCE4D3
300
#C2D0B3
400
#A2B78A
500
#819E61
600
#677E4E
700
#52653E
800
#404F31
900
#313B26
950
#1F2518

Contrast Checker

Text on white

11.64:1

AA Pass AAA Pass

Text on black

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