#313E25

#313E25

Color Values

HEX

#313E25

RGB

49, 62, 37

HSL

91.2, 25.3%, 19.4%

HSV

91.2, 40.3%, 24.3%

CMYK

21.0%, 0.0%, 40.3%, 75.7%

OKLCH

0.3447 0.0449 130.8

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#313E25

#32253E

Analogous

#3D3E25

#253E25

#313E25

Triadic

#313E25

#25313E

#3E2531

Split Complementary

#313E25

#25253E

#3E253D

Tetradic

#313E25

#253D3E

#32253E

#3E2525

Color Blindness Simulation

Original

#313E25

Protanopia

#37372B

Deuteranopia

#36352C

Tritanopia

#323031

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F7F9F6
100
#EDF1E9
200
#DBE4D2
300
#C1D1B2
400
#A0B989
500
#7EA05F
600
#65804C
700
#51663D
800
#3F5030
900
#303B25
950
#1E2618

Contrast Checker

Text on white

11.37:1

AA Pass AAA Pass

Text on black

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