#9DD995

#9DD995

Color Values

HEX

#9DD995

RGB

157, 217, 149

HSL

112.9, 47.2%, 71.8%

HSV

112.9, 31.3%, 85.1%

CMYK

27.6%, 0.0%, 31.3%, 14.9%

OKLCH

0.8272 0.1115 141.6

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#9DD995

#D195D9

Analogous

#BFD995

#95D9AF

#9DD995

Triadic

#9DD995

#959DD9

#D9959D

Split Complementary

#9DD995

#AF95D9

#D995BF

Tetradic

#9DD995

#95BFD9

#D195D9

#D9AF95

Color Blindness Simulation

Original

#9DD995

Protanopia

#B7B8A5

Deuteranopia

#B4AFA9

Tritanopia

#A0B2B5

Achromatopsia

#C7C7C7

CSS Usage

background-color: #9DD995;
color: #9DD995;
border-color: #9DD995;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF4
100
#E8F4E6
200
#CEECCA
300
#ACDFA5
400
#7FCD74
500
#52BC43
600
#419636
700
#34782B
800
#295E22
900
#21451C
950
#152C12

Contrast Checker

Text on white

1.64:1

AA Fail AAA Fail

Text on black

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