#BFD6BF

#BFD6BF

Color Values

HEX

#BFD6BF

RGB

191, 214, 191

HSL

120.0, 21.9%, 79.4%

HSV

120.0, 10.7%, 83.9%

CMYK

10.7%, 0.0%, 10.7%, 16.1%

OKLCH

0.8526 0.04 145.2

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BFD6BF

#D6BFD6

Analogous

#CAD6BF

#BFD6CA

#BFD6BF

Triadic

#BFD6BF

#BFBFD6

#D6BFBF

Split Complementary

#BFD6BF

#CABFD6

#D6BFCA

Tetradic

#BFD6BF

#BFCAD6

#D6BFD6

#D6CABF

Color Blindness Simulation

Original

#BFD6BF

Protanopia

#C9C9C5

Deuteranopia

#C8C6C6

Tritanopia

#C0C9CA

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EAF0EA
200
#D3E3D3
300
#B4CFB4
400
#8CB58C
500
#649B64
600
#507C50
700
#406340
800
#324E32
900
#273A27
950
#192519

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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