#B8D7CF

#B8D7CF

Color Values

HEX

#B8D7CF

RGB

184, 215, 207

HSL

164.5, 27.9%, 78.2%

HSV

164.5, 14.4%, 84.3%

CMYK

14.4%, 0.0%, 3.7%, 15.7%

OKLCH

0.8542 0.0347 178.1

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B8D7CF

#D7B8C0

Analogous

#B8D7BF

#B8CFD7

#B8D7CF

Triadic

#B8D7CF

#CFB8D7

#D7CFB8

Split Complementary

#B8D7CF

#D7B8CF

#D7BFB8

Tetradic

#B8D7CF

#BFB8D7

#D7B8C0

#CFD7B8

Color Blindness Simulation

Original

#B8D7CF

Protanopia

#C5C6D1

Deuteranopia

#C4C1D1

Tritanopia

#BAD2D3

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D1E5E0
300
#B1D3CA
400
#86BBAD
500
#5CA391
600
#4A8274
700
#3B685D
800
#2E5248
900
#243D36
950
#172622

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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