#BCBEEF

#BCBEEF

Color Values

HEX

#BCBEEF

RGB

188, 190, 239

HSL

237.6, 61.4%, 83.7%

HSV

237.6, 21.3%, 93.7%

CMYK

21.3%, 20.5%, 0.0%, 6.3%

OKLCH

0.8166 0.0688 282.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BCBEEF

#EFEDBC

Analogous

#BCD7EF

#D3BCEF

#BCBEEF

Triadic

#BCBEEF

#EFBCBE

#BEEFBC

Split Complementary

#BCBEEF

#EFD3BC

#D7EFBC

Tetradic

#BCBEEF

#EFBCD7

#EFEDBC

#BCEFD3

Color Blindness Simulation

Original

#BCBEEF

Protanopia

#BDBDE3

Deuteranopia

#BDBDE0

Tritanopia

#BCDAD8

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C5C7F1
300
#9C9FE7
400
#676BDB
500
#3137CE
600
#272CA5
700
#1F2484
800
#191C67
900
#16184B
950
#0E0F30

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

11.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026