#B1D2CC

#B1D2CC

Color Values

HEX

#B1D2CC

RGB

177, 210, 204

HSL

169.1, 26.8%, 75.9%

HSV

169.1, 15.7%, 82.4%

CMYK

15.7%, 0.0%, 2.9%, 17.6%

OKLCH

0.838 0.0361 183.2

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#B1D2CC

#D2B1B7

Analogous

#B1D2BC

#B1C8D2

#B1D2CC

Triadic

#B1D2CC

#CCB1D2

#D2CCB1

Split Complementary

#B1D2CC

#D2B1C8

#D2BCB1

Tetradic

#B1D2CC

#BCB1D2

#D2B1B7

#C8D2B1

Color Blindness Simulation

Original

#B1D2CC

Protanopia

#BFC0CD

Deuteranopia

#BDBBCE

Tritanopia

#B3CFCF

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#E9F1F0
200
#D2E5E1
300
#B1D2CC
400
#87BAB1
500
#5DA295
600
#4B8177
700
#3C6760
800
#2F514B
900
#253C38
950
#172623

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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