#B4BFC3

#B4BFC3

Color Values

HEX

#B4BFC3

RGB

180, 191, 195

HSL

196.0, 11.1%, 73.5%

HSV

196.0, 7.7%, 76.5%

CMYK

7.7%, 2.1%, 0.0%, 23.5%

OKLCH

0.7973 0.0135 221.5

Properties

Cool Light Nearest: silver

Color Harmonies

Complementary

#B4BFC3

#C3B8B4

Analogous

#B4C3BF

#B4B7C3

#B4BFC3

Triadic

#B4BFC3

#C3B4BF

#BFC3B4

Split Complementary

#B4BFC3

#C3B4B7

#C3BFB4

Tetradic

#B4BFC3

#BFB4C3

#C3B8B4

#B7C3B4

Color Blindness Simulation

Original

#B4BFC3

Protanopia

#B9B9C2

Deuteranopia

#B8B7C2

Tritanopia

#B5C1C1

Achromatopsia

#BDBDBD

CSS Usage

background-color: #B4BFC3;
color: #B4BFC3;
border-color: #B4BFC3;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DDDF
300
#BBC5C9
400
#96A6AB
500
#71868E
600
#5B6B71
700
#49565B
800
#394347
900
#2C3335
950
#1C2022

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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