#B9CBC4

#B9CBC4

Color Values

HEX

#B9CBC4

RGB

185, 203, 196

HSL

156.7, 14.8%, 76.1%

HSV

156.7, 8.9%, 79.6%

CMYK

8.9%, 0.0%, 3.4%, 20.4%

OKLCH

0.8264 0.0218 170.5

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#B9CBC4

#CBB9C0

Analogous

#B9CBBB

#B9C9CB

#B9CBC4

Triadic

#B9CBC4

#C4B9CB

#CBC4B9

Split Complementary

#B9CBC4

#CBB9C9

#CBBBB9

Tetradic

#B9CBC4

#BBB9CB

#CBB9C0

#C9CBB9

Color Blindness Simulation

Original

#B9CBC4

Protanopia

#C1C1C6

Deuteranopia

#C0BEC6

Tritanopia

#BAC7C7

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E1DC
300
#B9CBC4
400
#93AFA4
500
#6D9284
600
#577569
700
#465E54
800
#364942
900
#2A3732
950
#1B2320

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.4:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026