#314513

#314513

Color Values

HEX

#314513

RGB

49, 69, 19

HSL

84.0, 56.8%, 17.3%

HSV

84.0, 72.5%, 27.1%

CMYK

29.0%, 0.0%, 72.5%, 72.9%

OKLCH

0.3615 0.0781 128.4

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#314513

#271345

Analogous

#454013

#184513

#314513

Triadic

#314513

#133145

#451331

Split Complementary

#314513

#131845

#401345

Tetradic

#314513

#134540

#271345

#451318

Color Blindness Simulation

Original

#314513

Protanopia

#3A3A1F

Deuteranopia

#383722

Tritanopia

#32292B

Achromatopsia

#3D3D3D

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EFF6E5
200
#DFF0C7
300
#C9E59F
400
#ABD66B
500
#8EC837
600
#72A02C
700
#5B8023
800
#47641C
900
#354918
950
#222E0F

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

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