#BFE4CF

#BFE4CF

Color Values

HEX

#BFE4CF

RGB

191, 228, 207

HSL

145,9, 40,7%, 82,2%

HSV

145,9, 16,2%, 89,4%

CMYK

16,2%, 0,0%, 9,2%, 10,6%

OKLCH

0,8865 0,0482 160,4

Properties

Cool Light Nearest: honeydew 2

Color Harmonies

Complementary

#BFE4CF

#E4BFD4

Analogous

#C2E4BF

#BFE4E2

#BFE4CF

Triadic

#BFE4CF

#CFBFE4

#E4CFBF

Split Complementary

#BFE4CF

#E2BFE4

#E4BFC2

Tetradic

#BFE4CF

#BFC2E4

#E4BFD4

#E4E2BF

Color Blindness Simulation

Original

#BFE4CF

Protanopia

#CFCFD4

Deuteranopia

#CDCAD5

Tritanopia

#C1D8D9

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDEAD9
300
#A9DBBE
400
#7AC79B
500
#4CB378
600
#3C9060
700
#30734D
800
#265A3C
900
#1F422E
950
#132A1D

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

15,21: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