#BCFFF4

#BCFFF4

Color Values

HEX

#BCFFF4

RGB

188, 255, 244

HSL

170.1, 100.0%, 86.9%

HSV

170.1, 26.3%, 100.0%

CMYK

26.3%, 0.0%, 4.3%, 0.0%

OKLCH

0.9524 0.0682 183.6

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BCFFF4

#FFBCC7

Analogous

#BCFFD3

#BCE9FF

#BCFFF4

Triadic

#BCFFF4

#F4BCFF

#FFF4BC

Split Complementary

#BCFFF4

#FFBCE9

#FFD3BC

Tetradic

#BCFFF4

#D3BCFF

#FFBCC7

#E9FFBC

Color Blindness Simulation

Original

#BCFFF4

Protanopia

#D9DAF7

Deuteranopia

#D5D0F7

Tritanopia

#BFF9F9

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DEFCF7
200
#B8FFF3
300
#85FFEB
400
#42FFE0
500
#00FFD5
600
#00CCAA
700
#00A388
800
#00806A
900
#055C4E
950
#033A31

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026