#9BA2B3

#9BA2B3

Color Values

HEX

#9BA2B3

RGB

155, 162, 179

HSL

222.5, 13.6%, 65.5%

HSV

222.5, 13.4%, 70.2%

CMYK

13.4%, 9.5%, 0.0%, 29.8%

OKLCH

0.7121 0.026 267.8

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#9BA2B3

#B3AC9B

Analogous

#9BAEB3

#A09BB3

#9BA2B3

Triadic

#9BA2B3

#B39BA2

#A2B39B

Split Complementary

#9BA2B3

#B3A09B

#AEB39B

Tetradic

#9BA2B3

#B39BAE

#B3AC9B

#9BB3A0

Color Blindness Simulation

Original

#9BA2B3

Protanopia

#9E9EAF

Deuteranopia

#9E9DAE

Tritanopia

#9BACAB

Achromatopsia

#A2A2A2

CSS Usage

background-color: #9BA2B3;
color: #9BA2B3;
border-color: #9BA2B3;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D6D9E0
300
#B9BECA
400
#949BAD
500
#6E7891
600
#586074
700
#474D5D
800
#373C48
900
#2B2E36
950
#1B1D22

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

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