#BACEFF

#BACEFF

Color Values

HEX

#BACEFF

RGB

186, 206, 255

HSL

222.6, 100.0%, 86.5%

HSV

222.6, 27.1%, 100.0%

CMYK

27.1%, 19.2%, 0.0%, 0.0%

OKLCH

0.8531 0.072 267.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BACEFF

#FFEBBA

Analogous

#BAF1FF

#C9BAFF

#BACEFF

Triadic

#BACEFF

#FFBACE

#CEFFBA

Split Complementary

#BACEFF

#FFC9BA

#F1FFBA

Tetradic

#BACEFF

#FFBAF1

#FFEBBA

#BAFFC9

Color Blindness Simulation

Original

#BACEFF

Protanopia

#C3C3F3

Deuteranopia

#C2C0F0

Tritanopia

#BBEAE8

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CCFF
300
#85A8FF
400
#4279FF
500
#004AFF
600
#003BCC
700
#002FA3
800
#002580
900
#051E5C
950
#03133A

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026