#1F6314

#1F6314

Color Values

HEX

#1F6314

RGB

31, 99, 20

HSL

111.6, 66.4%, 23.3%

HSV

111.6, 79.8%, 38.8%

CMYK

68.7%, 0.0%, 79.8%, 61.2%

OKLCH

0.4403 0.1299 141.2

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#1F6314

#581463

Analogous

#466314

#146330

#1F6314

Triadic

#1F6314

#141F63

#63141F

Split Complementary

#1F6314

#301463

#631446

Tetradic

#1F6314

#144663

#581463

#633014

Color Blindness Simulation

Original

#1F6314

Protanopia

#3C3D27

Deuteranopia

#38332C

Tritanopia

#22363A

Achromatopsia

#4F4F4F

CSS Usage

background-color: #1F6314;
color: #1F6314;
border-color: #1F6314;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F4FCF3
100
#E6F7E3
200
#CAF3C4
300
#A5EA99
400
#74DF62
500
#43D42B
600
#35AA22
700
#2B881B
800
#216A15
900
#1C4D13
950
#11310C

Contrast Checker

Text on white

7.36:1

AA Pass AAA Pass

Text on black

2.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