#9BDCB4

#9BDCB4

Color Values

HEX

#9BDCB4

RGB

155, 220, 180

HSL

143.1, 48.1%, 73.5%

HSV

143.1, 29.5%, 86.3%

CMYK

29.5%, 0.0%, 18.2%, 13.7%

OKLCH

0.8398 0.0866 157.0

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#9BDCB4

#DC9BC3

Analogous

#A2DC9B

#9BDCD4

#9BDCB4

Triadic

#9BDCB4

#B49BDC

#DCB49B

Split Complementary

#9BDCB4

#D49BDC

#DC9BA2

Tetradic

#9BDCB4

#9BA2DC

#DC9BC3

#DCD49B

Color Blindness Simulation

Original

#9BDCB4

Protanopia

#B7B8BE

Deuteranopia

#B3AEC0

Tritanopia

#9EC5C7

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F4FAF7
100
#E6F4EB
200
#CAECD7
300
#A4DFBB
400
#73CE96
500
#42BD71
600
#35975B
700
#2A7949
800
#215E39
900
#1B452C
950
#112C1C

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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