#96BC9A

#96BC9A

Color Values

HEX

#96BC9A

RGB

150, 188, 154

HSL

126.3, 22.1%, 66.3%

HSV

126.3, 20.2%, 73.7%

CMYK

20.2%, 0.0%, 18.1%, 26.3%

OKLCH

0.758 0.0632 147.8

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#96BC9A

#BC96B8

Analogous

#A5BC96

#96BCAD

#96BC9A

Triadic

#96BC9A

#9A96BC

#BC9A96

Split Complementary

#96BC9A

#AD96BC

#BC96A5

Tetradic

#96BC9A

#96A5BC

#BC96B8

#BCAD96

Color Blindness Simulation

Original

#96BC9A

Protanopia

#A6A7A2

Deuteranopia

#A4A1A4

Tritanopia

#98A9AA

Achromatopsia

#B1B1B1

CSS Usage

background-color: #96BC9A;
color: #96BC9A;
border-color: #96BC9A;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F6F9F6
100
#EAF1EB
200
#D3E3D5
300
#B4CFB7
400
#8CB690
500
#639C69
600
#4F7D54
700
#406443
800
#324E35
900
#273A29
950
#19251A

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

9.96:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026