#9AF540

#9AF540

Color Values

HEX

#9AF540

RGB

154, 245, 64

HSL

90.2, 90.0%, 60.6%

HSV

90.2, 73.9%, 96.1%

CMYK

37.1%, 0.0%, 73.9%, 3.9%

OKLCH

0.8804 0.2237 133.0

Properties

Cool Light Nearest: greenyellow

Color Harmonies

Complementary

#9AF540

#9B40F5

Analogous

#F4F540

#40F541

#9AF540

Triadic

#9AF540

#409AF5

#F5409A

Split Complementary

#9AF540

#4140F5

#F540F4

Tetradic

#9AF540

#40F4F5

#9B40F5

#F54140

Color Blindness Simulation

Original

#9AF540

Protanopia

#C1C26C

Deuteranopia

#BCB576

Tritanopia

#9F8E96

Achromatopsia

#D5D5D5

CSS Usage

background-color: #9AF540;
color: #9AF540;
border-color: #9AF540;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F7FDF1
100
#EDFBDF
200
#DBFBBB
300
#C1F98B
400
#A0F64C
500
#7FF20D
600
#65C20A
700
#519B08
800
#3F7906
900
#305809
950
#1E3706

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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