#9CCFBF

#9CCFBF

Color Values

HEX

#9CCFBF

RGB

156, 207, 191

HSL

161.2, 34.7%, 71.2%

HSV

161.2, 24.6%, 81.2%

CMYK

24.6%, 0.0%, 7.7%, 18.8%

OKLCH

0.8142 0.0577 173.5

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#9CCFBF

#CF9CAC

Analogous

#9CCFA6

#9CC6CF

#9CCFBF

Triadic

#9CCFBF

#BF9CCF

#CFBF9C

Split Complementary

#9CCFBF

#CF9CC6

#CFA69C

Tetradic

#9CCFBF

#A69CCF

#CF9CAC

#C6CF9C

Color Blindness Simulation

Original

#9CCFBF

Protanopia

#B2B3C3

Deuteranopia

#AFABC4

Tritanopia

#9FC6C7

Achromatopsia

#C3C3C3

CSS Usage

background-color: #9CCFBF;
color: #9CCFBF;
border-color: #9CCFBF;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5FAF8
100
#E8F2EF
200
#CFE8E0
300
#ADD7CA
400
#80C1AD
500
#53AC90
600
#438973
700
#356E5C
800
#2A5648
900
#214036
950
#152822

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

12.09:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026