#B1CBF7

#B1CBF7

Color Values

HEX

#B1CBF7

RGB

177, 203, 247

HSL

217.7, 81.4%, 83.1%

HSV

217.7, 28.3%, 96.9%

CMYK

28.3%, 17.8%, 0.0%, 3.1%

OKLCH

0.8378 0.0681 260.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B1CBF7

#F7DDB1

Analogous

#B1EEF7

#BAB1F7

#B1CBF7

Triadic

#B1CBF7

#F7B1CB

#CBF7B1

Split Complementary

#B1CBF7

#F7BAB1

#EEF7B1

Tetradic

#B1CBF7

#F7B1EE

#F7DDB1

#B1F7BA

Color Blindness Simulation

Original

#B1CBF7

Protanopia

#BCBCEC

Deuteranopia

#BBB9EA

Tritanopia

#B2E4E2

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EAFA
200
#BED4F8
300
#90B5F4
400
#548DED
500
#1865E7
600
#1351B9
700
#0F4194
800
#0C3274
900
#0D2754
950
#081935

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.75:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026