#BFDFCB

#BFDFCB

Color Values

HEX

#BFDFCB

RGB

191, 223, 203

HSL

142.5, 33.3%, 81.2%

HSV

142.5, 14.3%, 87.5%

CMYK

14.3%, 0.0%, 9.0%, 12.5%

OKLCH

0.8748 0.0435 158.0

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BFDFCB

#DFBFD3

Analogous

#C3DFBF

#BFDFDB

#BFDFCB

Triadic

#BFDFCB

#CBBFDF

#DFCBBF

Split Complementary

#BFDFCB

#DBBFDF

#DFBFC3

Tetradic

#BFDFCB

#BFC3DF

#DFBFD3

#DFDBBF

Color Blindness Simulation

Original

#BFDFCB

Protanopia

#CDCDD0

Deuteranopia

#CBC9D1

Tritanopia

#C1D4D4

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E8F2EC
200
#CFE7D8
300
#ADD6BD
400
#81C099
500
#55AA75
600
#44885E
700
#366D4B
800
#2B553A
900
#223F2D
950
#15281C

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.63:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026