#9BBA98

#9BBA98

Color Values

HEX

#9BBA98

RGB

155, 186, 152

HSL

114.7, 19.8%, 66.3%

HSV

114.7, 18.3%, 72.9%

CMYK

16.7%, 0.0%, 18.3%, 27.1%

OKLCH

0.7565 0.0586 142.6

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#9BBA98

#B798BA

Analogous

#ACBA98

#98BAA6

#9BBA98

Triadic

#9BBA98

#989BBA

#BA989B

Split Complementary

#9BBA98

#A698BA

#BA98AC

Tetradic

#9BBA98

#98ACBA

#B798BA

#BAA698

Color Blindness Simulation

Original

#9BBA98

Protanopia

#A8A9A0

Deuteranopia

#A7A4A2

Tritanopia

#9DA7A8

Achromatopsia

#B1B1B1

CSS Usage

background-color: #9BBA98;
color: #9BBA98;
border-color: #9BBA98;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6F9F6
100
#EBF0EA
200
#D5E2D4
300
#B8CEB6
400
#91B38E
500
#6B9966
600
#557A52
700
#446241
800
#354C33
900
#293928
950
#1A2419

Contrast Checker

Text on white

2.13:1

AA Fail AAA Fail

Text on black

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