#9BAE80

#9BAE80

Color Values

HEX

#9BAE80

RGB

155, 174, 128

HSL

84.8, 22.1%, 59.2%

HSV

84.8, 26.4%, 68.2%

CMYK

10.9%, 0.0%, 26.4%, 31.8%

OKLCH

0.7241 0.0674 126.3

Properties

Cool Light Nearest: RAL 6021 Pale Green

Color Harmonies

Complementary

#9BAE80

#9380AE

Analogous

#AEAA80

#84AE80

#9BAE80

Triadic

#9BAE80

#809BAE

#AE809B

Split Complementary

#9BAE80

#8084AE

#AA80AE

Tetradic

#9BAE80

#80AEAA

#9380AE

#AE8084

Color Blindness Simulation

Original

#9BAE80

Protanopia

#A3A38B

Deuteranopia

#A2A18E

Tritanopia

#9C9496

Achromatopsia

#A7A7A7

CSS Usage

background-color: #9BAE80;
color: #9BAE80;
border-color: #9BAE80;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F8F9F6
100
#EEF1EA
200
#DDE3D3
300
#C4CFB4
400
#A4B68C
500
#849C63
600
#6A7D4F
700
#556440
800
#424E32
900
#323A27
950
#202519

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

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