#1F4E02

#1F4E02

Color Values

HEX

#1F4E02

RGB

31, 78, 2

HSL

97.1, 95.0%, 15.7%

HSV

97.1, 97.4%, 30.6%

CMYK

60.3%, 0.0%, 97.4%, 69.4%

OKLCH

0.376 0.1128 137.3

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#1F4E02

#31024E

Analogous

#454E02

#024E0B

#1F4E02

Triadic

#1F4E02

#021F4E

#4E021F

Split Complementary

#1F4E02

#0B024E

#4E0245

Tetradic

#1F4E02

#02454E

#31024E

#4E0B02

Color Blindness Simulation

Original

#1F4E02

Protanopia

#333414

Deuteranopia

#312D19

Tritanopia

#212326

Achromatopsia

#3F3F3F

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDF
200
#D3FDB9
300
#B4FC88
400
#8BFA47
500
#63F906
600
#4FC705
700
#3F9F04
800
#317C03
900
#275A07
950
#183904

Contrast Checker

Text on white

9.77:1

AA Pass AAA Pass

Text on black

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