#9DF163

#9DF163

Color Values

HEX

#9DF163

RGB

157, 241, 99

HSL

95.5, 83.5%, 66.7%

HSV

95.5, 58.9%, 94.5%

CMYK

34.9%, 0.0%, 58.9%, 5.5%

OKLCH

0.8754 0.194 134.5

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#9DF163

#B763F1

Analogous

#E4F163

#63F170

#9DF163

Triadic

#9DF163

#639DF1

#F1639D

Split Complementary

#9DF163

#7063F1

#F163E4

Tetradic

#9DF163

#63E4F1

#B763F1

#F17063

Color Blindness Simulation

Original

#9DF163

Protanopia

#C1C285

Deuteranopia

#BCB68E

Tritanopia

#A1A1A6

Achromatopsia

#D5D5D5

CSS Usage

background-color: #9DF163;
color: #9DF163;
border-color: #9DF163;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F6FDF2
100
#EBFAE0
200
#D6F9BD
300
#B8F58F
400
#92EF52
500
#6CEA15
600
#56BB11
700
#45960D
800
#36750B
900
#2A550C
950
#1A3608

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

15.2:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026