#57940F

#57940F

Color Values

HEX

#57940F

RGB

87, 148, 15

HSL

87.5, 81.6%, 32.0%

HSV

87.5, 89.9%, 58.0%

CMYK

41.2%, 0.0%, 89.9%, 42.0%

OKLCH

0.6016 0.1646 132.9

Properties

Cool Light Nearest: chartreuse 4

Color Harmonies

Complementary

#57940F

#4C0F94

Analogous

#948F0F

#15940F

#57940F

Triadic

#57940F

#0F5794

#940F57

Split Complementary

#57940F

#0F1594

#8F0F94

Tetradic

#57940F

#0F948F

#4C0F94

#940F15

Color Blindness Simulation

Original

#57940F

Protanopia

#71722F

Deuteranopia

#6E6937

Tritanopia

#5A494E

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE1
200
#DEF8BE
300
#C6F490
400
#A7EE54
500
#88E817
600
#6DB913
700
#57940F
800
#44740C
900
#33540D
950
#203508

Contrast Checker

Text on white

3.72:1

AA Fail AAA Fail

Text on black

5.65:1

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