#BCEAFF

#BCEAFF

Color Values

HEX

#BCEAFF

RGB

188, 234, 255

HSL

198.8, 100.0%, 86.9%

HSV

198.8, 26.3%, 100.0%

CMYK

26.3%, 8.2%, 0.0%, 0.0%

OKLCH

0.9116 0.0554 227.4

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BCEAFF

#FFD1BC

Analogous

#BCFFF3

#BCC9FF

#BCEAFF

Triadic

#BCEAFF

#FFBCEA

#EAFFBC

Split Complementary

#BCEAFF

#FFBCC9

#FFF3BC

Tetradic

#BCEAFF

#F3BCFF

#FFD1BC

#C9FFBC

Color Blindness Simulation

Original

#BCEAFF

Protanopia

#D0D0FA

Deuteranopia

#CDCAF9

Tritanopia

#BEF6F5

Achromatopsia

#E2E2E2

CSS Usage

background-color: #BCEAFF;
color: #BCEAFF;
border-color: #BCEAFF;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B8E9FF
300
#85D9FF
400
#42C4FF
500
#00AFFF
600
#008CCC
700
#0070A3
800
#005880
900
#05415C
950
#03293A

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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