#9AC575

#9AC575

Color Values

HEX

#9AC575

RGB

154, 197, 117

HSL

92.2, 40.8%, 61.6%

HSV

92.2, 40.6%, 77.3%

CMYK

21.8%, 0.0%, 40.6%, 22.7%

OKLCH

0.7736 0.1168 131.7

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#9AC575

#A075C5

Analogous

#C2C575

#75C578

#9AC575

Triadic

#9AC575

#759AC5

#C5759A

Split Complementary

#9AC575

#7875C5

#C575C2

Tetradic

#9AC575

#75C2C5

#A075C5

#C57875

Color Blindness Simulation

Original

#9AC575

Protanopia

#ADAD88

Deuteranopia

#AAA78D

Tritanopia

#9C989B

Achromatopsia

#B6B6B6

CSS Usage

background-color: #9AC575;
color: #9AC575;
border-color: #9AC575;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FAF5
100
#EDF3E7
200
#DAEACD
300
#C0DBA9
400
#9EC77A
500
#7CB44B
600
#63903C
700
#4F7330
800
#3E5A26
900
#2F421F
950
#1E2A13

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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