#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

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