#9BBC82

#9BBC82

Color Values

HEX

#9BBC82

RGB

155, 188, 130

HSL

94.1, 30.2%, 62.4%

HSV

94.1, 30.9%, 73.7%

CMYK

17.6%, 0.0%, 30.9%, 26.3%

OKLCH

0.7561 0.0875 132.3

Properties

Cool Light Nearest: RAL 6021 Pale Green

Color Harmonies

Complementary

#9BBC82

#A382BC

Analogous

#B8BC82

#82BC86

#9BBC82

Triadic

#9BBC82

#829BBC

#BC829B

Split Complementary

#9BBC82

#8682BC

#BC82B8

Tetradic

#9BBC82

#82B8BC

#A382BC

#BC8682

Color Blindness Simulation

Original

#9BBC82

Protanopia

#A9AA90

Deuteranopia

#A7A593

Tritanopia

#9D9B9E

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#EDF2E9
200
#DAE6D1
300
#BFD4AF
400
#9DBD84
500
#7AA659
600
#628547
700
#4E6A39
800
#3D532C
900
#2F3E23
950
#1D2716

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.91:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026