#09C312

#09C312

Color Values

HEX

#09C312

RGB

9, 195, 18

HSL

122.9, 91.2%, 40.0%

HSV

122.9, 95.4%, 76.5%

CMYK

95.4%, 0.0%, 90.8%, 23.5%

OKLCH

0.7089 0.2372 142.8

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#09C312

#C309BA

Analogous

#5DC309

#09C36F

#09C312

Triadic

#09C312

#1209C3

#C31209

Split Complementary

#09C312

#6F09C3

#C3095D

Tetradic

#09C312

#095DC3

#C309BA

#C36F09

Color Blindness Simulation

Original

#09C312

Protanopia

#5A5B3D

Deuteranopia

#4F4147

Tritanopia

#125F66

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F1FDF2
100
#DFFBE1
200
#BBFCBE
300
#8AFA8F
400
#4BF753
500
#0BF416
600
#09C312
700
#079C0E
800
#067A0B
900
#09580D
950
#053808

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

8.83:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026