#BFCCE6

#BFCCE6

Color Values

HEX

#BFCCE6

RGB

191, 204, 230

HSL

220.0, 43.8%, 82.5%

HSV

220.0, 17.0%, 90.2%

CMYK

17.0%, 11.3%, 0.0%, 9.8%

OKLCH

0.8435 0.039 264.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#BFCCE6

#E6D9BF

Analogous

#BFDFE6

#C5BFE6

#BFCCE6

Triadic

#BFCCE6

#E6BFCC

#CCE6BF

Split Complementary

#BFCCE6

#E6C5BF

#DFE6BF

Tetradic

#BFCCE6

#E6BFDF

#E6D9BF

#BFE6C5

Color Blindness Simulation

Original

#BFCCE6

Protanopia

#C5C5E0

Deuteranopia

#C4C3DE

Tritanopia

#C0DBDA

Achromatopsia

#CBCBCB

CSS Usage

background-color: #BFCCE6;
color: #BFCCE6;
border-color: #BFCCE6;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F5F6FA
100
#E7EBF4
200
#CCD6EB
300
#A7B9DD
400
#7793CA
500
#486DB7
600
#395793
700
#2E4675
800
#24365C
900
#1D2A44
950
#131B2B

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

13.0:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026