#B8D6CE

#B8D6CE

Color Values

HEX

#B8D6CE

RGB

184, 214, 206

HSL

164.0, 26.8%, 78.0%

HSV

164.0, 14.0%, 83.9%

CMYK

14.0%, 0.0%, 3.7%, 16.1%

OKLCH

0.8518 0.0338 177.6

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B8D6CE

#D6B8C0

Analogous

#B8D6BF

#B8CFD6

#B8D6CE

Triadic

#B8D6CE

#CEB8D6

#D6CEB8

Split Complementary

#B8D6CE

#D6B8CF

#D6BFB8

Tetradic

#B8D6CE

#BFB8D6

#D6B8C0

#CFD6B8

Color Blindness Simulation

Original

#B8D6CE

Protanopia

#C5C5D0

Deuteranopia

#C3C1D0

Tritanopia

#B9D1D2

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E5E0
300
#B1D2C9
400
#87BAAC
500
#5DA28F
600
#4B8173
700
#3C675C
800
#2F5148
900
#253C36
950
#172622

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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