#97BA0D

#97BA0D

Color Values

HEX

#97BA0D

RGB

151, 186, 13

HSL

72.1, 86.9%, 39.0%

HSV

72.1, 93.0%, 72.9%

CMYK

18.8%, 0.0%, 93.0%, 27.1%

OKLCH

0.7365 0.1768 122.3

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#97BA0D

#300DBA

Analogous

#BA860D

#41BA0D

#97BA0D

Triadic

#97BA0D

#0D97BA

#BA0D97

Split Complementary

#97BA0D

#0D41BA

#860DBA

Tetradic

#97BA0D

#0DBA86

#300DBA

#BA0D41

Color Blindness Simulation

Original

#97BA0D

Protanopia

#A6A637

Deuteranopia

#A4A241

Tritanopia

#99585F

Achromatopsia

#A6A6A6

CSS Usage

background-color: #97BA0D;
color: #97BA0D;
border-color: #97BA0D;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#FBFDF2
100
#F5FAE0
200
#EEFABC
300
#E2F78D
400
#D2F34F
500
#C2EE11
600
#9BBF0D
700
#7C990B
800
#617708
900
#47560B
950
#2D3707

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.35:1

AA Pass AAA Pass

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