#B8C2C5

#B8C2C5

Color Values

HEX

#B8C2C5

RGB

184, 194, 197

HSL

193.8, 10.1%, 74.7%

HSV

193.8, 6.6%, 77.3%

CMYK

6.6%, 1.5%, 0.0%, 22.7%

OKLCH

0.8072 0.0119 217.6

Properties

Cool Light Nearest: silver

Color Harmonies

Complementary

#B8C2C5

#C5BBB8

Analogous

#B8C5C1

#B8BBC5

#B8C2C5

Triadic

#B8C2C5

#C5B8C2

#C2C5B8

Split Complementary

#B8C2C5

#C5B8BB

#C5C1B8

Tetradic

#B8C2C5

#C1B8C5

#C5BBB8

#BBC5B8

Color Blindness Simulation

Original

#B8C2C5

Protanopia

#BCBCC4

Deuteranopia

#BCBBC4

Tritanopia

#B8C4C4

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#ECEEEF
200
#D8DDDF
300
#BCC5C8
400
#97A6AA
500
#73868C
600
#5C6C70
700
#49565A
800
#394346
900
#2C3335
950
#1C2021

Contrast Checker

Text on white

1.82:1

AA Fail AAA Fail

Text on black

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