#9FBCBA

#9FBCBA

Color Values

HEX

#9FBCBA

RGB

159, 188, 186

HSL

175.9, 17.8%, 68.0%

HSV

175.9, 15.4%, 73.7%

CMYK

15.4%, 0.0%, 1.1%, 26.3%

OKLCH

0.773 0.0316 191.4

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#9FBCBA

#BC9FA1

Analogous

#9FBCAB

#9FAFBC

#9FBCBA

Triadic

#9FBCBA

#BA9FBC

#BCBA9F

Split Complementary

#9FBCBA

#BC9FAF

#BCAB9F

Tetradic

#9FBCBA

#AB9FBC

#BC9FA1

#AFBC9F

Color Blindness Simulation

Original

#9FBCBA

Protanopia

#ACACBA

Deuteranopia

#AAA8BB

Tritanopia

#A0BBBB

Achromatopsia

#B6B6B6

CSS Usage

background-color: #9FBCBA;
color: #9FBCBA;
border-color: #9FBCBA;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D5E2E1
300
#B7CDCB
400
#90B1AF
500
#699693
600
#547876
700
#43605E
800
#344B4A
900
#293837
950
#1A2423

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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