#B8CBD4

#B8CBD4

Color Values

HEX

#B8CBD4

RGB

184, 203, 212

HSL

199.3, 24.6%, 77.6%

HSV

199.3, 13.2%, 83.1%

CMYK

13.2%, 4.2%, 0.0%, 16.9%

OKLCH

0.8305 0.0242 227.8

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#B8CBD4

#D4C1B8

Analogous

#B8D4CF

#B8BDD4

#B8CBD4

Triadic

#B8CBD4

#D4B8CB

#CBD4B8

Split Complementary

#B8CBD4

#D4B8BD

#D4CFB8

Tetradic

#B8CBD4

#CFB8D4

#D4C1B8

#BDD4B8

Color Blindness Simulation

Original

#B8CBD4

Protanopia

#C0C0D2

Deuteranopia

#BFBED1

Tritanopia

#B9D0D0

Achromatopsia

#C8C8C8

CSS Usage

background-color: #B8CBD4;
color: #B8CBD4;
border-color: #B8CBD4;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D3DEE4
300
#B3C7D1
400
#89A9B8
500
#608B9F
600
#4D6F7F
700
#3E5966
800
#30454F
900
#26343B
950
#182125

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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