#B8CDC9

#B8CDC9

Color Values

HEX

#B8CDC9

RGB

184, 205, 201

HSL

168.6, 17.4%, 76.3%

HSV

168.6, 10.2%, 80.4%

CMYK

10.2%, 0.0%, 2.0%, 19.6%

OKLCH

0.8313 0.0234 183.1

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B8CDC9

#CDB8BC

Analogous

#B8CDBF

#B8C7CD

#B8CDC9

Triadic

#B8CDC9

#C9B8CD

#CDC9B8

Split Complementary

#B8CDC9

#CDB8C7

#CDBFB8

Tetradic

#B8CDC9

#BFB8CD

#CDB8BC

#C7CDB8

Color Blindness Simulation

Original

#B8CDC9

Protanopia

#C1C1CA

Deuteranopia

#C0BECA

Tritanopia

#B9CBCB

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBF0EF
200
#D5E2DF
300
#B7CCC8
400
#90B1AB
500
#69968D
600
#547871
700
#43605A
800
#354B47
900
#293835
950
#1A2322

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026