#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026