#B7CCBD

#B7CCBD

Color Values

HEX

#B7CCBD

RGB

183, 204, 189

HSL

137.1, 17.1%, 75.9%

HSV

137.1, 10.3%, 80.0%

CMYK

10.3%, 0.0%, 7.4%, 20.0%

OKLCH

0.8251 0.0308 154.6

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#B7CCBD

#CCB7C6

Analogous

#BCCCB7

#B7CCC8

#B7CCBD

Triadic

#B7CCBD

#BDB7CC

#CCBDB7

Split Complementary

#B7CCBD

#C8B7CC

#CCB7BC

Tetradic

#B7CCBD

#B7BCCC

#CCB7C6

#CCC8B7

Color Blindness Simulation

Original

#B7CCBD

Protanopia

#C0C0C1

Deuteranopia

#BFBDC1

Tritanopia

#B8C3C4

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBF0EC
200
#D5E1D9
300
#B7CCBD
400
#91B19A
500
#6A9576
600
#55775E
700
#44604C
800
#354B3B
900
#29382D
950
#1A231D

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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