#BCFDEF

#BCFDEF

Color Values

HEX

#BCFDEF

RGB

188, 253, 239

HSL

167,1, 94,2%, 86,5%

HSV

167,1, 25,7%, 99,2%

CMYK

25,7%, 0,0%, 5,5%, 0,8%

OKLCH

0,9467 0,0676 180,0

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BCFDEF

#FDBCCA

Analogous

#BCFDCF

#BCEBFD

#BCFDEF

Triadic

#BCFDEF

#EFBCFD

#FDEFBC

Split Complementary

#BCFDEF

#FDBCEB

#FDCFBC

Tetradic

#BCFDEF

#CFBCFD

#FDBCCA

#EBFDBC

Color Blindness Simulation

Original

#BCFDEF

Protanopia

#D8D9F2

Deuteranopia

#D4D0F3

Tritanopia

#BFF5F6

Achromatopsia

#EEEEEE

CSS Usage

background-color: #BCFDEF;
color: #BCFDEF;
border-color: #BCFDEF;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F1FDFB
100
#DFFBF5
200
#BAFDEE
300
#88FBE3
400
#48FAD3
500
#07F8C4
600
#06C69D
700
#059E7D
800
#047C62
900
#075A48
950
#05392D

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,43: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