#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

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026