#B1C5BC

#B1C5BC

Color Values

HEX

#B1C5BC

RGB

177, 197, 188

HSL

153.0, 14.7%, 73.3%

HSV

153.0, 10.2%, 77.3%

CMYK

10.2%, 0.0%, 4.6%, 22.7%

OKLCH

0.8056 0.0251 166.9

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#B1C5BC

#C5B1BA

Analogous

#B1C5B2

#B1C4C5

#B1C5BC

Triadic

#B1C5BC

#BCB1C5

#C5BCB1

Split Complementary

#B1C5BC

#C5B1C4

#C5B2B1

Tetradic

#B1C5BC

#B2B1C5

#C5B1BA

#C4C5B1

Color Blindness Simulation

Original

#B1C5BC

Protanopia

#BABABE

Deuteranopia

#B8B7BF

Tritanopia

#B2C0C0

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DC
300
#B9CBC3
400
#93AFA2
500
#6D9281
600
#577567
700
#465E53
800
#364941
900
#2A3731
950
#1B231F

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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