#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

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