#BCF6D7

#BCF6D7

Color Values

HEX

#BCF6D7

RGB

188, 246, 215

HSL

147.9, 76.3%, 85.1%

HSV

147.9, 23.6%, 96.5%

CMYK

23.6%, 0.0%, 12.6%, 3.5%

OKLCH

0.9252 0.0724 161.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BCF6D7

#F6BCDB

Analogous

#BEF6BC

#BCF6F4

#BCF6D7

Triadic

#BCF6D7

#D7BCF6

#F6D7BC

Split Complementary

#BCF6D7

#F4BCF6

#F6BCBE

Tetradic

#BCF6D7

#BCBEF6

#F6BCDB

#F6F4BC

Color Blindness Simulation

Original

#BCF6D7

Protanopia

#D5D6DE

Deuteranopia

#D2CDE0

Tritanopia

#BFE4E6

Achromatopsia

#E7E7E7

CSS Usage

background-color: #BCF6D7;
color: #BCF6D7;
border-color: #BCF6D7;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FCF7
100
#E2F9EC
200
#C0F7D9
300
#93F0BF
400
#59E99C
500
#1EE179
600
#18B461
700
#13904D
800
#0F703C
900
#0F522E
950
#0A341D

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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