#BFDDC0

#BFDDC0

Color Values

HEX

#BFDDC0

RGB

191, 221, 192

HSL

122,0, 30,6%, 80,8%

HSV

122,0, 13,6%, 86,7%

CMYK

13,6%, 0,0%, 13,1%, 13,3%

OKLCH

0,8677 0,0507 146,0

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BFDDC0

#DDBFDC

Analogous

#CDDDBF

#BFDDCF

#BFDDC0

Triadic

#BFDDC0

#C0BFDD

#DDC0BF

Split Complementary

#BFDDC0

#CFBFDD

#DDBFCD

Tetradic

#BFDDC0

#BFCDDD

#DDBFDC

#DDCFBF

Color Blindness Simulation

Original

#BFDDC0

Protanopia

#CCCCC7

Deuteranopia

#CAC8C9

Tritanopia

#C0CDCE

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F5F9F5
100
#E9F2E9
200
#D0E6D1
300
#AFD5B0
400
#84BE86
500
#58A75B
600
#478549
700
#396B3A
800
#2C532E
900
#233E24
950
#162717

Contrast Checker

Text on white

1,47:1

AA Fail AAA Fail

Text on black

14,32: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