#BCE7EC

#BCE7EC

Color Values

HEX

#BCE7EC

RGB

188, 231, 236

HSL

186.3, 55.8%, 83.1%

HSV

186.3, 20.3%, 92.5%

CMYK

20.3%, 2.1%, 0.0%, 7.5%

OKLCH

0.8992 0.045 205.1

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BCE7EC

#ECC1BC

Analogous

#BCECD9

#BCCFEC

#BCE7EC

Triadic

#BCE7EC

#ECBCE7

#E7ECBC

Split Complementary

#BCE7EC

#ECBCCF

#ECD9BC

Tetradic

#BCE7EC

#D9BCEC

#ECC1BC

#CFECBC

Color Blindness Simulation

Original

#BCE7EC

Protanopia

#CFCFEB

Deuteranopia

#CCC9EA

Tritanopia

#BEEAEA

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F6
200
#C7EBEF
300
#A0DDE4
400
#6CCAD5
500
#38B8C7
600
#2D939F
700
#24767F
800
#1C5C63
900
#184449
950
#0F2B2E

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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