#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026