#9FDDBB

#9FDDBB

Color Values

HEX

#9FDDBB

RGB

159, 221, 187

HSL

147.1, 47.7%, 74.5%

HSV

147.1, 28.1%, 86.7%

CMYK

28.1%, 0.0%, 15.4%, 13.3%

OKLCH

0.8461 0.0791 160.1

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#9FDDBB

#DD9FC1

Analogous

#A2DD9F

#9FDDDA

#9FDDBB

Triadic

#9FDDBB

#BB9FDD

#DDBB9F

Split Complementary

#9FDDBB

#DA9FDD

#DD9FA2

Tetradic

#9FDDBB

#9FA2DD

#DD9FC1

#DDDA9F

Color Blindness Simulation

Original

#9FDDBB

Protanopia

#BABAC3

Deuteranopia

#B6B2C5

Tritanopia

#A2CACB

Achromatopsia

#CDCDCD

CSS Usage

background-color: #9FDDBB;
color: #9FDDBB;
border-color: #9FDDBB;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F4FAF7
100
#E6F4EC
200
#CAECDA
300
#A5DFBF
400
#74CE9C
500
#43BC7A
600
#359761
700
#2B794E
800
#215E3D
900
#1C452E
950
#112C1D

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026