#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