#BACAE7

#BACAE7

Color Values

HEX

#BACAE7

RGB

186, 202, 231

HSL

218,7, 48,4%, 81,8%

HSV

218,7, 19,5%, 90,6%

CMYK

19,5%, 12,6%, 0,0%, 9,4%

OKLCH

0,8362 0,0443 262,4

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BACAE7

#E7D7BA

Analogous

#BAE1E7

#C1BAE7

#BACAE7

Triadic

#BACAE7

#E7BACA

#CAE7BA

Split Complementary

#BACAE7

#E7C1BA

#E1E7BA

Tetradic

#BACAE7

#E7BAE1

#E7D7BA

#BAE7C1

Color Blindness Simulation

Original

#BACAE7

Protanopia

#C1C1E0

Deuteranopia

#C0BFDE

Tritanopia

#BBDAD9

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CAD6ED
300
#A4B9DF
400
#7393CE
500
#426EBD
600
#355897
700
#2A4679
800
#21375F
900
#1B2A46
950
#111B2C

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,69: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