#C2ABD7

#C2ABD7

Color Values

HEX

#C2ABD7

RGB

194, 171, 215

HSL

271,4, 35,5%, 75,7%

HSV

271,4, 20,5%, 84,3%

CMYK

9,8%, 20,5%, 0,0%, 15,7%

OKLCH

0,7755 0,0664 308,5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#C2ABD7

#C0D7AB

Analogous

#ACABD7

#D7ABD6

#C2ABD7

Triadic

#C2ABD7

#D7C2AB

#ABD7C2

Split Complementary

#C2ABD7

#D6D7AB

#ABD7AC

Tetradic

#C2ABD7

#D7ACAB

#C0D7AB

#ABD6D7

Color Blindness Simulation

Original

#C2ABD7

Protanopia

#B8B8CC

Deuteranopia

#B9BBCA

Tritanopia

#C1C4C2

Achromatopsia

#B3B3B3

CSS Usage

background-color: #C2ABD7;
color: #C2ABD7;
border-color: #C2ABD7;
Nearest Tailwind: Purple 200 #E9D5FF

Tailwind Shades

50
#F7F5FA
100
#EDE8F3
200
#DCCFE8
300
#C3ACD8
400
#A27FC2
500
#8252AD
600
#68428A
700
#53356F
800
#412956
900
#312140
950
#1F1528

Contrast Checker

Text on white

2,08:1

AA Fail AAA Fail

Text on black

10,1: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