#C1BAE2

#C1BAE2

Color Values

HEX

#C1BAE2

RGB

193, 186, 226

HSL

250.5, 40.8%, 80.8%

HSV

250.5, 17.7%, 88.6%

CMYK

14.6%, 17.7%, 0.0%, 11.4%

OKLCH

0.8077 0.0563 293.1

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C1BAE2

#DBE2BA

Analogous

#BAC7E2

#D5BAE2

#C1BAE2

Triadic

#C1BAE2

#E2C1BA

#BAE2C1

Split Complementary

#C1BAE2

#E2D5BA

#C7E2BA

Tetradic

#C1BAE2

#E2BAC7

#DBE2BA

#BAE2D5

Color Blindness Simulation

Original

#C1BAE2

Protanopia

#BEBED8

Deuteranopia

#BEBFD6

Tritanopia

#C1D1CF

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D2CDEA
300
#B2A9DB
400
#887AC7
500
#5E4BB4
600
#4B3C90
700
#3C3073
800
#2F265A
900
#251F42
950
#17132A

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

11.39: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