#BCFDC3

#BCFDC3

Color Values

HEX

#BCFDC3

RGB

188, 253, 195

HSL

126,5, 94,2%, 86,5%

HSV

126,5, 25,7%, 99,2%

CMYK

25,7%, 0,0%, 22,9%, 0,8%

OKLCH

0,9356 0,1016 147,5

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#BCFDC3

#FDBCF6

Analogous

#D6FDBC

#BCFDE4

#BCFDC3

Triadic

#BCFDC3

#C3BCFD

#FDC3BC

Split Complementary

#BCFDC3

#E4BCFD

#FDBCD6

Tetradic

#BCFDC3

#BCD6FD

#FDBCF6

#FDE4BC

Color Blindness Simulation

Original

#BCFDC3

Protanopia

#D8D9D1

Deuteranopia

#D4D0D4

Tritanopia

#BFDCDF

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F1FDF3
100
#DFFBE2
200
#BAFDC1
300
#88FB95
400
#48FA5B
500
#07F821
600
#06C61B
700
#059E15
800
#047C11
900
#075A10
950
#05390A

Contrast Checker

Text on white

1,17:1

AA Fail AAA Fail

Text on black

17,98: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