#BCFEF9

#BCFEF9

Color Values

HEX

#BCFEF9

RGB

188, 254, 249

HSL

175,5, 97,1%, 86,7%

HSV

175,5, 26,0%, 99,6%

CMYK

26,0%, 0,0%, 2,0%, 0,4%

OKLCH

0,9518 0,066 190,3

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BCFEF9

#FEBCC1

Analogous

#BCFED8

#BCE2FE

#BCFEF9

Triadic

#BCFEF9

#F9BCFE

#FEF9BC

Split Complementary

#BCFEF9

#FEBCE2

#FED8BC

Tetradic

#BCFEF9

#D8BCFE

#FEBCC1

#E2FEBC

Color Blindness Simulation

Original

#BCFEF9

Protanopia

#D9D9FA

Deuteranopia

#D5D0FA

Tritanopia

#BFFBFB

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B9FEF9
300
#86FDF4
400
#45FCEF
500
#04FBE9
600
#03C9BA
700
#02A195
800
#027E74
900
#065B54
950
#043935

Contrast Checker

Text on white

1,12:1

AA Fail AAA Fail

Text on black

18,68:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026