#BCFDBF

#BCFDBF

Color Values

HEX

#BCFDBF

RGB

188, 253, 191

HSL

122.8, 94.2%, 86.5%

HSV

122.8, 25.7%, 99.2%

CMYK

25.7%, 0.0%, 24.5%, 0.8%

OKLCH

0.9348 0.1056 145.8

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BCFDBF

#FDBCFA

Analogous

#DAFDBC

#BCFDE0

#BCFDBF

Triadic

#BCFDBF

#BFBCFD

#FDBFBC

Split Complementary

#BCFDBF

#E0BCFD

#FDBCDA

Tetradic

#BCFDBF

#BCDAFD

#FDBCFA

#FDE0BC

Color Blindness Simulation

Original

#BCFDBF

Protanopia

#D8D9CE

Deuteranopia

#D4D0D2

Tritanopia

#BFDADC

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F1FDF2
100
#DFFBE0
200
#BAFDBD
300
#88FB8E
400
#48FA50
500
#07F813
600
#06C60F
700
#059E0C
800
#047C09
900
#075A0B
950
#053907

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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