#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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026