#9AB418

#9AB418

Color Values

HEX

#9AB418

RGB

154, 180, 24

HSL

70.0, 76.5%, 40.0%

HSV

70.0, 86.7%, 70.6%

CMYK

14.4%, 0.0%, 86.7%, 29.4%

OKLCH

0.7249 0.1661 119.8

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#9AB418

#3218B4

Analogous

#B48018

#4CB418

#9AB418

Triadic

#9AB418

#189AB4

#B4189A

Split Complementary

#9AB418

#184CB4

#8018B4

Tetradic

#9AB418

#18B480

#3218B4

#B4184C

Color Blindness Simulation

Original

#9AB418

Protanopia

#A5A53E

Deuteranopia

#A4A247

Tritanopia

#9B5C62

Achromatopsia

#A3A3A3

CSS Usage

background-color: #9AB418;
color: #9AB418;
border-color: #9AB418;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#FBFCF2
100
#F5F9E2
200
#EEF7C0
300
#E1F193
400
#D1E958
500
#C1E11E
600
#9AB418
700
#7B9013
800
#60710F
900
#47520F
950
#2D340A

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

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