#BAC5EF

#BAC5EF

Color Values

HEX

#BAC5EF

RGB

186, 197, 239

HSL

227.5, 62.4%, 83.3%

HSV

227.5, 22.2%, 93.7%

CMYK

22.2%, 17.6%, 0.0%, 6.3%

OKLCH

0.829 0.0602 273.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC5EF

#EFE4BA

Analogous

#BADFEF

#C9BAEF

#BAC5EF

Triadic

#BAC5EF

#EFBAC5

#C5EFBA

Split Complementary

#BAC5EF

#EFC9BA

#DFEFBA

Tetradic

#BAC5EF

#EFBADF

#EFE4BA

#BAEFC9

Color Blindness Simulation

Original

#BAC5EF

Protanopia

#BFBFE5

Deuteranopia

#BEBDE2

Tritanopia

#BBDDDB

Achromatopsia

#C6C6C6

CSS Usage

background-color: #BAC5EF;
color: #BAC5EF;
border-color: #BAC5EF;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F3F5FB
100
#E4E8F7
200
#C5CEF2
300
#9CACE8
400
#667EDC
500
#3051CF
600
#2641A6
700
#1F3485
800
#182968
900
#15214C
950
#0D1530

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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