#313E22

#313E22

Color Values

HEX

#313E22

RGB

49, 62, 34

HSL

87.9, 29.2%, 18.8%

HSV

87.9, 45.2%, 24.3%

CMYK

21.0%, 0.0%, 45.2%, 75.7%

OKLCH

0.344 0.049 129.0

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#313E22

#2F223E

Analogous

#3E3D22

#233E22

#313E22

Triadic

#313E22

#22313E

#3E2231

Split Complementary

#313E22

#22233E

#3D223E

Tetradic

#313E22

#223E3D

#2F223E

#3E2223

Color Blindness Simulation

Original

#313E22

Protanopia

#373729

Deuteranopia

#36352A

Tritanopia

#322E2F

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#EDF2E9
200
#DCE6D1
300
#C3D4B0
400
#A3BC85
500
#82A55A
600
#688448
700
#53693A
800
#41522D
900
#313D24
950
#1F2717

Contrast Checker

Text on white

11.4:1

AA Pass AAA Pass

Text on black

1.84:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026