#9BC97C

#9BC97C

Color Values

HEX

#9BC97C

RGB

155, 201, 124

HSL

95.8, 41.6%, 63.7%

HSV

95.8, 38.3%, 78.8%

CMYK

22.9%, 0.0%, 38.3%, 21.2%

OKLCH

0.7846 0.1147 133.6

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#9BC97C

#AA7CC9

Analogous

#C1C97C

#7CC983

#9BC97C

Triadic

#9BC97C

#7C9BC9

#C97C9B

Split Complementary

#9BC97C

#837CC9

#C97CC1

Tetradic

#9BC97C

#7CC1C9

#AA7CC9

#C9837C

Color Blindness Simulation

Original

#9BC97C

Protanopia

#AFAF8F

Deuteranopia

#ACA993

Tritanopia

#9D9DA1

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8EACC
300
#BDDBA8
400
#99C879
500
#75B54A
600
#5E903C
700
#4B7430
800
#3B5A25
900
#2D431E
950
#1C2A13

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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