#18970F

#18970F

Color Values

HEX

#18970F

RGB

24, 151, 15

HSL

116.0, 81.9%, 32.5%

HSV

116.0, 90.1%, 59.2%

CMYK

84.1%, 0.0%, 90.1%, 40.8%

OKLCH

0.5888 0.1927 142.2

Properties

Cool Light Nearest: green 4

Color Harmonies

Complementary

#18970F

#8E0F97

Analogous

#5C970F

#0F974A

#18970F

Triadic

#18970F

#0F1897

#970F18

Split Complementary

#18970F

#4A0F97

#970F5C

Tetradic

#18970F

#0F5C97

#8E0F97

#974A0F

Color Blindness Simulation

Original

#18970F

Protanopia

#4F5030

Deuteranopia

#483E38

Tritanopia

#1E4A50

Achromatopsia

#727272

CSS Usage

background-color: #18970F;
color: #18970F;
border-color: #18970F;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F3FDF2
100
#E2FAE1
200
#C2F9BE
300
#96F490
400
#5EEE53
500
#25E817
600
#1EBA12
700
#18940F
800
#13740C
900
#11540D
950
#0B3508

Contrast Checker

Text on white

3.84:1

AA Fail AAA Fail

Text on black

5.47:1

AA Pass 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