#BAC6EF

#BAC6EF

Color Values

HEX

#BAC6EF

RGB

186, 198, 239

HSL

226.4, 62.4%, 83.3%

HSV

226.4, 22.2%, 93.7%

CMYK

22.2%, 17.2%, 0.0%, 6.3%

OKLCH

0.831 0.0591 272.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC6EF

#EFE3BA

Analogous

#BAE0EF

#C8BAEF

#BAC6EF

Triadic

#BAC6EF

#EFBAC6

#C6EFBA

Split Complementary

#BAC6EF

#EFC8BA

#E0EFBA

Tetradic

#BAC6EF

#EFBAE0

#EFE3BA

#BAEFC8

Color Blindness Simulation

Original

#BAC6EF

Protanopia

#BFBFE5

Deuteranopia

#BEBEE3

Tritanopia

#BBDDDC

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E8F7
200
#C5CFF2
300
#9CADE8
400
#6680DC
500
#3054CF
600
#2643A6
700
#1F3685
800
#182A68
900
#15224C
950
#0D1530

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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