#BFD5BB

#BFD5BB

Color Values

HEX

#BFD5BB

RGB

191, 213, 187

HSL

110.8, 23.6%, 78.4%

HSV

110.8, 12.2%, 83.5%

CMYK

10.3%, 0.0%, 12.2%, 16.5%

OKLCH

0.8494 0.0427 140.8

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BFD5BB

#D1BBD5

Analogous

#CCD5BB

#BBD5C4

#BFD5BB

Triadic

#BFD5BB

#BBBFD5

#D5BBBF

Split Complementary

#BFD5BB

#C4BBD5

#D5BBCC

Tetradic

#BFD5BB

#BBCCD5

#D1BBD5

#D5C4BB

Color Blindness Simulation

Original

#BFD5BB

Protanopia

#C9C9C1

Deuteranopia

#C7C6C3

Tritanopia

#C0C6C7

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EBF1EA
200
#D5E4D3
300
#B8D0B3
400
#91B78A
500
#6B9E61
600
#557E4E
700
#44653E
800
#354F31
900
#293B26
950
#1A2518

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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