#BFFCE3

#BFFCE3

Color Values

HEX

#BFFCE3

RGB

191, 252, 227

HSL

155.4, 91.0%, 86.9%

HSV

155.4, 24.2%, 98.8%

CMYK

24.2%, 0.0%, 9.9%, 1.2%

OKLCH

0.943 0.0701 167.7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BFFCE3

#FCBFD8

Analogous

#BFFCC5

#BFF7FC

#BFFCE3

Triadic

#BFFCE3

#E3BFFC

#FCE3BF

Split Complementary

#BFFCE3

#FCBFF7

#FCC5BF

Tetradic

#BFFCE3

#C5BFFC

#FCBFD8

#F7FCBF

Color Blindness Simulation

Original

#BFFCE3

Protanopia

#D9DAE9

Deuteranopia

#D6D1EA

Tritanopia

#C2EEEF

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FDF8
100
#DFFBF0
200
#BBFCE1
300
#8AF9CC
400
#4BF7B0
500
#0BF494
600
#09C377
700
#079C5F
800
#067A4A
900
#095838
950
#063823

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026