#C2ABC6

#C2ABC6

Color Values

HEX

#C2ABC6

RGB

194, 171, 198

HSL

291,1, 19,1%, 72,4%

HSV

291,1, 13,6%, 77,6%

CMYK

2,0%, 13,6%, 0,0%, 22,4%

OKLCH

0,7695 0,0456 321,3

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#C2ABC6

#AFC6AB

Analogous

#B5ABC6

#C6ABBD

#C2ABC6

Triadic

#C2ABC6

#C6C2AB

#ABC6C2

Split Complementary

#C2ABC6

#BDC6AB

#ABC6B5

Tetradic

#C2ABC6

#C6B5AB

#AFC6AB

#ABBDC6

Color Blindness Simulation

Original

#C2ABC6

Protanopia

#B8B8BF

Deuteranopia

#B9BBBE

Tritanopia

#C1BAB9

Achromatopsia

#B2B2B2

CSS Usage

background-color: #C2ABC6;
color: #C2ABC6;
border-color: #C2ABC6;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D4E2
300
#CAB6CD
400
#AD8FB3
500
#916798
600
#745379
700
#5D4261
800
#48344C
900
#362839
950
#221924

Contrast Checker

Text on white

2,11:1

AA Fail AAA Fail

Text on black

9,93: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