#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026