#B7CBC9

#B7CBC9

Color Values

HEX

#B7CBC9

RGB

183, 203, 201

HSL

174.0, 16.1%, 75.7%

HSV

174.0, 9.9%, 79.6%

CMYK

9.9%, 0.0%, 1.0%, 20.4%

OKLCH

0.8264 0.0219 189.5

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B7CBC9

#CBB7B9

Analogous

#B7CBBF

#B7C3CB

#B7CBC9

Triadic

#B7CBC9

#C9B7CB

#CBC9B7

Split Complementary

#B7CBC9

#CBB7C3

#CBBFB7

Tetradic

#B7CBC9

#BFB7CB

#CBB7B9

#C3CBB7

Color Blindness Simulation

Original

#B7CBC9

Protanopia

#C0C0C9

Deuteranopia

#BEBDCA

Tritanopia

#B8CACA

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EF
200
#D6E1E0
300
#B8CCCA
400
#91B0AD
500
#6B9490
600
#567673
700
#445F5C
800
#354A48
900
#293736
950
#1A2322

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