#9AF8A3

#9AF8A3

Color Values

HEX

#9AF8A3

RGB

154, 248, 163

HSL

125.7, 87.0%, 78.8%

HSV

125.7, 37.9%, 97.3%

CMYK

37.9%, 0.0%, 34.3%, 2.7%

OKLCH

0.8995 0.1463 146.5

Properties

Cool Light Nearest: lightgreen

Color Harmonies

Complementary

#9AF8A3

#F89AEF

Analogous

#C0F89A

#9AF8D2

#9AF8A3

Triadic

#9AF8A3

#A39AF8

#F8A39A

Split Complementary

#9AF8A3

#D29AF8

#F89AC0

Tetradic

#9AF8A3

#9AC0F8

#F89AEF

#F8D29A

Color Blindness Simulation

Original

#9AF8A3

Protanopia

#C3C4B8

Deuteranopia

#BDB6BC

Tritanopia

#9FC8CB

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F2FDF3
100
#E0FAE2
200
#BCFAC2
300
#8DF797
400
#4FF35E
500
#11EE26
600
#0DBF1E
700
#0B9918
800
#087713
900
#0B5612
950
#07370B

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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