#314512

#314512

Color Values

HEX

#314512

RGB

49, 69, 18

HSL

83.5, 58.6%, 17.1%

HSV

83.5, 73.9%, 27.1%

CMYK

29.0%, 0.0%, 73.9%, 72.9%

OKLCH

0.3614 0.079 128.2

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#314512

#261245

Analogous

#454012

#184512

#314512

Triadic

#314512

#123145

#451231

Split Complementary

#314512

#121845

#401245

Tetradic

#314512

#124540

#261245

#451218

Color Blindness Simulation

Original

#314512

Protanopia

#3A3A1E

Deuteranopia

#383721

Tritanopia

#32282A

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF6E4
200
#E0F0C6
300
#CAE69E
400
#ADD869
500
#90CA35
600
#73A22A
700
#5C8122
800
#48651A
900
#364A17
950
#222F0E

Contrast Checker

Text on white

10.55:1

AA Pass AAA Pass

Text on black

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