#C2AFC3

#C2AFC3

Color Values

HEX

#C2AFC3

RGB

194, 175, 195

HSL

297.0, 14.3%, 72.5%

HSV

297.0, 10.3%, 76.5%

CMYK

0.5%, 10.3%, 0.0%, 23.5%

OKLCH

0.7763 0.0351 324.4

Properties

Cool Light Nearest: thistle 3

Color Harmonies

Complementary

#C2AFC3

#B0C3AF

Analogous

#B8AFC3

#C3AFBA

#C2AFC3

Triadic

#C2AFC3

#C3C2AF

#AFC3C2

Split Complementary

#C2AFC3

#BAC3AF

#AFC3B8

Tetradic

#C2AFC3

#C3B8AF

#B0C3AF

#AFBAC3

Color Blindness Simulation

Original

#C2AFC3

Protanopia

#BABABE

Deuteranopia

#BBBCBD

Tritanopia

#C1BABA

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6E0
300
#CAB9CB
400
#AD93AE
500
#906D92
600
#735775
700
#5C465D
800
#483749
900
#362A37
950
#221B23

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026