#1F5D16

#1F5D16

Color Values

HEX

#1F5D16

RGB

31, 93, 22

HSL

112.4, 61.7%, 22.5%

HSV

112.4, 76.3%, 36.5%

CMYK

66.7%, 0.0%, 76.3%, 63.5%

OKLCH

0.4226 0.1208 141.3

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#1F5D16

#54165D

Analogous

#425D16

#165D30

#1F5D16

Triadic

#1F5D16

#161F5D

#5D161F

Split Complementary

#1F5D16

#30165D

#5D1642

Tetradic

#1F5D16

#16425D

#54165D

#5D3016

Color Blindness Simulation

Original

#1F5D16

Protanopia

#3A3A27

Deuteranopia

#36322B

Tritanopia

#223538

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F4FBF3
100
#E6F7E4
200
#CBF1C5
300
#A6E89C
400
#75DB66
500
#45CE31
600
#37A527
700
#2C841F
800
#226718
900
#1C4B16
950
#12300E

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

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