#B8C2C6

#B8C2C6

Color Values

HEX

#B8C2C6

RGB

184, 194, 198

HSL

197.1, 10.9%, 74.9%

HSV

197.1, 7.1%, 77.6%

CMYK

7.1%, 2.0%, 0.0%, 22.4%

OKLCH

0.8075 0.0124 223.6

Properties

Cool Light Nearest: silver

Color Harmonies

Complementary

#B8C2C6

#C6BCB8

Analogous

#B8C6C3

#B8BBC6

#B8C2C6

Triadic

#B8C2C6

#C6B8C2

#C2C6B8

Split Complementary

#B8C2C6

#C6B8BB

#C6C3B8

Tetradic

#B8C2C6

#C3B8C6

#C6BCB8

#BBC6B8

Color Blindness Simulation

Original

#B8C2C6

Protanopia

#BCBCC5

Deuteranopia

#BCBBC5

Tritanopia

#B8C4C4

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEEEF
200
#D7DDDF
300
#BBC5C8
400
#96A5AB
500
#72858D
600
#5B6B71
700
#49555A
800
#394347
900
#2C3235
950
#1C2022

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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