#BBC3EE

#BBC3EE

Color Values

HEX

#BBC3EE

RGB

187, 195, 238

HSL

230,6, 60,0%, 83,3%

HSV

230,6, 21,4%, 93,3%

CMYK

21,4%, 18,1%, 0,0%, 6,7%

OKLCH

0,8253 0,061 276,7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BBC3EE

#EEE6BB

Analogous

#BBDCEE

#CCBBEE

#BBC3EE

Triadic

#BBC3EE

#EEBBC3

#C3EEBB

Split Complementary

#BBC3EE

#EECCBB

#DCEEBB

Tetradic

#BBC3EE

#EEBBDC

#EEE6BB

#BBEECC

Color Blindness Simulation

Original

#BBC3EE

Protanopia

#BEBFE4

Deuteranopia

#BEBDE1

Tritanopia

#BBDBDA

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F3F5FB
100
#E4E7F6
200
#C6CDF1
300
#9DA9E7
400
#687AD9
500
#334BCC
600
#293CA3
700
#213083
800
#1A2566
900
#161E4B
950
#0E132F

Contrast Checker

Text on white

1,73:1

AA Fail AAA Fail

Text on black

12,15:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026