#9BAFB8

#9BAFB8

Color Values

HEX

#9BAFB8

RGB

155, 175, 184

HSL

198.6, 17.0%, 66.5%

HSV

198.6, 15.8%, 72.2%

CMYK

15.8%, 4.9%, 0.0%, 27.8%

OKLCH

0.7415 0.0258 226.6

Properties

Cool Light Nearest: RAL 7040 Window Grey

Color Harmonies

Complementary

#9BAFB8

#B8A49B

Analogous

#9BB8B3

#9BA1B8

#9BAFB8

Triadic

#9BAFB8

#B89BAF

#AFB89B

Split Complementary

#9BAFB8

#B89BA1

#B8B39B

Tetradic

#9BAFB8

#B39BB8

#B8A49B

#A1B89B

Color Blindness Simulation

Original

#9BAFB8

Protanopia

#A4A4B6

Deuteranopia

#A2A1B5

Tritanopia

#9CB4B4

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DEE1
300
#B7C6CC
400
#91A7B1
500
#6A8895
600
#556D77
700
#44575F
800
#35444B
900
#293338
950
#1A2023

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.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