#9BC6BF

#9BC6BF

Color Values

HEX

#9BC6BF

RGB

155, 198, 191

HSL

170.2, 27.4%, 69.2%

HSV

170.2, 21.7%, 77.6%

CMYK

21.7%, 0.0%, 3.5%, 22.4%

OKLCH

0.7937 0.0466 184.1

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#9BC6BF

#C69BA2

Analogous

#9BC6A9

#9BB7C6

#9BC6BF

Triadic

#9BC6BF

#BF9BC6

#C6BF9B

Split Complementary

#9BC6BF

#C69BB7

#C6A99B

Tetradic

#9BC6BF

#A99BC6

#C69BA2

#B7C69B

Color Blindness Simulation

Original

#9BC6BF

Protanopia

#AEAEC1

Deuteranopia

#ABA8C1

Tritanopia

#9DC2C2

Achromatopsia

#BCBCBC

CSS Usage

background-color: #9BC6BF;
color: #9BC6BF;
border-color: #9BC6BF;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E5E2
300
#B1D3CD
400
#87BBB2
500
#5DA297
600
#4A8279
700
#3B6861
800
#2E514C
900
#253C38
950
#172624

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026