#1F3306

#1F3306

Color Values

HEX

#1F3306

RGB

31, 51, 6

HSL

86.7, 78.9%, 11.2%

HSV

86.7, 88.2%, 20.0%

CMYK

39.2%, 0.0%, 88.2%, 80.0%

OKLCH

0.2934 0.0723 130.8

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#1F3306

#1A0633

Analogous

#333106

#093306

#1F3306

Triadic

#1F3306

#061F33

#33061F

Split Complementary

#1F3306

#060933

#310633

Tetradic

#1F3306

#063331

#1A0633

#330609

Color Blindness Simulation

Original

#1F3306

Protanopia

#282811

Deuteranopia

#262514

Tritanopia

#20191B

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E1
200
#DEF7BF
300
#C7F292
400
#A9EB56
500
#8BE41B
600
#6FB616
700
#599211
800
#45720D
900
#34530E
950
#213409

Contrast Checker

Text on white

13.69:1

AA Pass AAA Pass

Text on black

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