#BCE6EC

#BCE6EC

Color Values

HEX

#BCE6EC

RGB

188, 230, 236

HSL

187.5, 55.8%, 83.1%

HSV

187.5, 20.3%, 92.5%

CMYK

20.3%, 2.5%, 0.0%, 7.5%

OKLCH

0.8971 0.0443 207.0

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BCE6EC

#ECC2BC

Analogous

#BCECDA

#BCCEEC

#BCE6EC

Triadic

#BCE6EC

#ECBCE6

#E6ECBC

Split Complementary

#BCE6EC

#ECBCCE

#ECDABC

Tetradic

#BCE6EC

#DABCEC

#ECC2BC

#CEECBC

Color Blindness Simulation

Original

#BCE6EC

Protanopia

#CECFEB

Deuteranopia

#CCC9EA

Tritanopia

#BEE9E9

Achromatopsia

#DEDEDE

CSS Usage

background-color: #BCE6EC;
color: #BCE6EC;
border-color: #BCE6EC;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F4FAFB
100
#E5F3F6
200
#C7EAEF
300
#A0DBE4
400
#6CC8D5
500
#38B5C7
600
#2D919F
700
#24747F
800
#1C5A63
900
#184349
950
#0F2A2E

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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