#97E695

#97E695

Color Values

HEX

#97E695

RGB

151, 230, 149

HSL

118.5, 61.8%, 74.3%

HSV

118.5, 35.2%, 90.2%

CMYK

34.3%, 0.0%, 35.2%, 9.8%

OKLCH

0.8538 0.1351 143.7

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#97E695

#E495E6

Analogous

#BFE695

#95E6BB

#97E695

Triadic

#97E695

#9597E6

#E69597

Split Complementary

#97E695

#BB95E6

#E695BF

Tetradic

#97E695

#95BFE6

#E495E6

#E6BB95

Color Blindness Simulation

Original

#97E695

Protanopia

#B9BAA9

Deuteranopia

#B5AFAD

Tritanopia

#9BB8BB

Achromatopsia

#CFCFCF

CSS Usage

background-color: #97E695;
color: #97E695;
border-color: #97E695;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F4FBF3
100
#E4F7E4
200
#C6F1C5
300
#9EE89C
400
#69DB66
500
#35CE31
600
#2AA527
700
#22841F
800
#1A6718
900
#174B16
950
#0E300E

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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