#BFDECF

#BFDECF

Color Values

HEX

#BFDECF

RGB

191, 222, 207

HSL

151,0, 32,0%, 81,0%

HSV

151,0, 14,0%, 87,1%

CMYK

14,0%, 0,0%, 6,8%, 12,9%

OKLCH

0,8738 0,0387 164,7

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BFDECF

#DEBFCE

Analogous

#BFDEC0

#BFDEDE

#BFDECF

Triadic

#BFDECF

#CFBFDE

#DECFBF

Split Complementary

#BFDECF

#DEBFDE

#DEC0BF

Tetradic

#BFDECF

#C0BFDE

#DEBFCE

#DEDEBF

Color Blindness Simulation

Original

#BFDECF

Protanopia

#CCCDD3

Deuteranopia

#CBC8D3

Tritanopia

#C1D5D6

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F5F9F7
100
#E8F2ED
200
#D0E7DC
300
#AED5C2
400
#82BFA2
500
#57A881
600
#458767
700
#376C52
800
#2B5440
900
#223E31
950
#16271F

Contrast Checker

Text on white

1,44:1

AA Fail AAA Fail

Text on black

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