#1F4300

#1F4300

Color Values

HEX

#1F4300

RGB

31, 67, 0

HSL

92.2, 100.0%, 13.1%

HSV

92.2, 100.0%, 26.3%

CMYK

53.7%, 0.0%, 100.0%, 73.7%

OKLCH

0.3422 0.0999 135.0

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#1F4300

#240043

Analogous

#404300

#004302

#1F4300

Triadic

#1F4300

#001F43

#43001F

Split Complementary

#1F4300

#020043

#430040

Tetradic

#1F4300

#004043

#240043

#430200

Color Blindness Simulation

Original

#1F4300

Protanopia

#2F2F10

Deuteranopia

#2C2A14

Tritanopia

#211D20

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F7FEF1
100
#ECFCDE
200
#D9FFB8
300
#BDFF85
400
#9AFF42
500
#76FF00
600
#5FCC00
700
#4CA300
800
#3B8000
900
#2D5C05
950
#1D3A03

Contrast Checker

Text on white

11.28:1

AA Pass AAA Pass

Text on black

1.86:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026