#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026