#BCFAFF

#BCFAFF

Color Values

HEX

#BCFAFF

RGB

188, 250, 255

HSL

184.5, 100.0%, 86.9%

HSV

184.5, 26.3%, 100.0%

CMYK

26.3%, 2.0%, 0.0%, 0.0%

OKLCH

0.9451 0.0623 202.4

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#BCFAFF

#FFC1BC

Analogous

#BCFFE3

#BCD9FF

#BCFAFF

Triadic

#BCFAFF

#FFBCFA

#FAFFBC

Split Complementary

#BCFAFF

#FFBCD9

#FFE3BC

Tetradic

#BCFAFF

#E3BCFF

#FFC1BC

#D9FFBC

Color Blindness Simulation

Original

#BCFAFF

Protanopia

#D7D7FE

Deuteranopia

#D3CFFE

Tritanopia

#BFFDFD

Achromatopsia

#EDEDED

CSS Usage

background-color: #BCFAFF;
color: #BCFAFF;
border-color: #BCFAFF;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F1FDFE
100
#DEFAFC
200
#B8FAFF
300
#85F6FF
400
#42F1FF
500
#00ECFF
600
#00BDCC
700
#0097A3
800
#007680
900
#05565C
950
#03363A

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.26: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