#BAC8E7

#BAC8E7

Color Values

HEX

#BAC8E7

RGB

186, 200, 231

HSL

221.3, 48.4%, 81.8%

HSV

221.3, 19.5%, 90.6%

CMYK

19.5%, 13.4%, 0.0%, 9.4%

OKLCH

0.8321 0.0462 266.1

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#BAC8E7

#E7D9BA

Analogous

#BADFE7

#C3BAE7

#BAC8E7

Triadic

#BAC8E7

#E7BAC8

#C8E7BA

Split Complementary

#BAC8E7

#E7C3BA

#DFE7BA

Tetradic

#BAC8E7

#E7BADF

#E7D9BA

#BAE7C3

Color Blindness Simulation

Original

#BAC8E7

Protanopia

#C0C0E0

Deuteranopia

#BFBEDE

Tritanopia

#BBDAD8

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CAD5ED
300
#A4B7DF
400
#738FCE
500
#4268BD
600
#355397
700
#2A4379
800
#21345F
900
#1B2946
950
#111A2C

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.5:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026