#314B12

#314B12

Color Values

HEX

#314B12

RGB

49, 75, 18

HSL

87.4, 61.3%, 18.2%

HSV

87.4, 76.0%, 29.4%

CMYK

34.7%, 0.0%, 76.0%, 70.6%

OKLCH

0.3786 0.0882 130.8

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#314B12

#2C124B

Analogous

#4B4812

#144B12

#314B12

Triadic

#314B12

#12314B

#4B1231

Split Complementary

#314B12

#12144B

#48124B

Tetradic

#314B12

#124B48

#2C124B

#4B1214

Color Blindness Simulation

Original

#314B12

Protanopia

#3C3C20

Deuteranopia

#3B3923

Tritanopia

#322B2D

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF6E4
200
#DDF1C5
300
#C5E79C
400
#A6DA67
500
#86CE31
600
#6BA527
700
#568420
800
#436719
900
#334B16
950
#202F0E

Contrast Checker

Text on white

9.79:1

AA Pass AAA Pass

Text on black

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