#BFDCC5

#BFDCC5

Color Values

HEX

#BFDCC5

RGB

191, 220, 197

HSL

132,4, 29,3%, 80,6%

HSV

132,4, 13,2%, 86,3%

CMYK

13,2%, 0,0%, 10,5%, 13,7%

OKLCH

0,8668 0,044 151,5

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BFDCC5

#DCBFD6

Analogous

#C8DCBF

#BFDCD4

#BFDCC5

Triadic

#BFDCC5

#C5BFDC

#DCC5BF

Split Complementary

#BFDCC5

#D4BFDC

#DCBFC8

Tetradic

#BFDCC5

#BFC8DC

#DCBFD6

#DCD4BF

Color Blindness Simulation

Original

#BFDCC5

Protanopia

#CCCCCB

Deuteranopia

#CAC8CC

Tritanopia

#C0CFD0

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F5F9F6
100
#E9F2EB
200
#D1E6D5
300
#B0D4B7
400
#85BC90
500
#5AA56A
600
#488454
700
#3A6A44
800
#2D5235
900
#243D29
950
#17271A

Contrast Checker

Text on white

1,47:1

AA Fail AAA Fail

Text on black

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