#09BA0F

#09BA0F

Color Values

HEX

#09BA0F

RGB

9, 186, 15

HSL

122.0, 90.8%, 38.2%

HSV

122.0, 95.2%, 72.9%

CMYK

95.2%, 0.0%, 91.9%, 27.1%

OKLCH

0.6844 0.2293 142.7

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#09BA0F

#BA09B4

Analogous

#5CBA09

#09BA67

#09BA0F

Triadic

#09BA0F

#0F09BA

#BA0F09

Split Complementary

#09BA0F

#6709BA

#BA095C

Tetradic

#09BA0F

#095CBA

#BA09B4

#BA6709

Color Blindness Simulation

Original

#09BA0F

Protanopia

#565738

Deuteranopia

#4B3E42

Tritanopia

#125960

Achromatopsia

#888888

CSS Usage

background-color: #09BA0F;
color: #09BA0F;
border-color: #09BA0F;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F1FDF2
100
#DFFBE0
200
#BBFCBD
300
#8AF98E
400
#4BF651
500
#0CF313
600
#09C310
700
#089C0C
800
#067A0A
900
#09580B
950
#063807

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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