#BCDFE2

#BCDFE2

Color Values

HEX

#BCDFE2

RGB

188, 223, 226

HSL

184.7, 39.6%, 81.2%

HSV

184.7, 16.8%, 88.6%

CMYK

16.8%, 1.3%, 0.0%, 11.4%

OKLCH

0.8794 0.037 202.9

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BCDFE2

#E2BFBC

Analogous

#BCE2D2

#BCCCE2

#BCDFE2

Triadic

#BCDFE2

#E2BCDF

#DFE2BC

Split Complementary

#BCDFE2

#E2BCCC

#E2D2BC

Tetradic

#BCDFE2

#D2BCE2

#E2BFBC

#CCE2BC

Color Blindness Simulation

Original

#BCDFE2

Protanopia

#CBCBE1

Deuteranopia

#C9C6E1

Tritanopia

#BEE1E1

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E7F2F3
200
#CDE7E9
300
#AAD6DA
400
#7BC0C6
500
#4DAAB2
600
#3E888E
700
#316D72
800
#275559
900
#1F3F42
950
#14282A

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.79:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026