#BCC7FF

#BCC7FF

Color Values

HEX

#BCC7FF

RGB

188, 199, 255

HSL

230.1, 100.0%, 86.9%

HSV

230.1, 26.3%, 100.0%

CMYK

26.3%, 22.0%, 0.0%, 0.0%

OKLCH

0.8405 0.0794 275.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCC7FF

#FFF4BC

Analogous

#BCE9FF

#D3BCFF

#BCC7FF

Triadic

#BCC7FF

#FFBCC7

#C7FFBC

Split Complementary

#BCC7FF

#FFD3BC

#E9FFBC

Tetradic

#BCC7FF

#FFBCE9

#FFF4BC

#BCFFD3

Color Blindness Simulation

Original

#BCC7FF

Protanopia

#C1C1F1

Deuteranopia

#C0BFEE

Tritanopia

#BDE7E4

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B8C3FF
300
#8599FF
400
#4261FF
500
#002AFF
600
#0022CC
700
#001BA3
800
#001580
900
#05135C
950
#030C3A

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.75:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026