#9AFFC8

#9AFFC8

Color Values

HEX

#9AFFC8

RGB

154, 255, 200

HSL

147.3, 100.0%, 80.2%

HSV

147.3, 39.6%, 100.0%

CMYK

39.6%, 0.0%, 21.6%, 0.0%

OKLCH

0.9234 0.1224 159.0

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#9AFFC8

#FF9AD1

Analogous

#9FFF9A

#9AFFFA

#9AFFC8

Triadic

#9AFFC8

#C89AFF

#FFC89A

Split Complementary

#9AFFC8

#FA9AFF

#FF9A9F

Tetradic

#9AFFC8

#9A9FFF

#FF9AD1

#FFFA9A

Color Blindness Simulation

Original

#9AFFC8

Protanopia

#C6C7D5

Deuteranopia

#C0B8D8

Tritanopia

#9FE0E2

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#F1FEF7
100
#DEFCEC
200
#B8FFD8
300
#85FFBC
400
#42FF98
500
#00FF74
600
#00CC5D
700
#00A34A
800
#00803A
900
#055C2D
950
#033A1C

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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