#BFDCC9

#BFDCC9

Color Values

HEX

#BFDCC9

RGB

191, 220, 201

HSL

140.7, 29.3%, 80.6%

HSV

140.7, 13.2%, 86.3%

CMYK

13.2%, 0.0%, 8.6%, 13.7%

OKLCH

0.8679 0.0403 156.8

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BFDCC9

#DCBFD2

Analogous

#C4DCBF

#BFDCD8

#BFDCC9

Triadic

#BFDCC9

#C9BFDC

#DCC9BF

Split Complementary

#BFDCC9

#D8BFDC

#DCBFC4

Tetradic

#BFDCC9

#BFC4DC

#DCBFD2

#DCD8BF

Color Blindness Simulation

Original

#BFDCC9

Protanopia

#CCCCCE

Deuteranopia

#CAC8CF

Tritanopia

#C0D1D2

Achromatopsia

#D4D4D4

CSS Usage

background-color: #BFDCC9;
color: #BFDCC9;
border-color: #BFDCC9;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5F9F7
100
#E9F2EC
200
#D1E6D8
300
#B0D4BC
400
#85BC98
500
#5AA574
600
#48845D
700
#3A6A4A
800
#2D523A
900
#243D2C
950
#17271C

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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