#C6C4E2

#C6C4E2

Color Values

HEX

#C6C4E2

RGB

198, 196, 226

HSL

244.0, 34.1%, 82.7%

HSV

244.0, 13.3%, 88.6%

CMYK

12.4%, 13.3%, 0.0%, 11.4%

OKLCH

0.8314 0.0417 288.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C6C4E2

#E0E2C4

Analogous

#C4D1E2

#D5C4E2

#C6C4E2

Triadic

#C6C4E2

#E2C6C4

#C4E2C6

Split Complementary

#C6C4E2

#E2D5C4

#D1E2C4

Tetradic

#C6C4E2

#E2C4D1

#E0E2C4

#C4E2D5

Color Blindness Simulation

Original

#C6C4E2

Protanopia

#C5C5DB

Deuteranopia

#C5C5D9

Tritanopia

#C6D5D4

Achromatopsia

#C7C7C7

CSS Usage

background-color: #C6C4E2;
color: #C6C4E2;
border-color: #C6C4E2;
Nearest Tailwind: Violet 200 #DDD6FE

Tailwind Shades

50
#F5F5FA
100
#E9E8F2
200
#D1CFE7
300
#B0ADD7
400
#8580C1
500
#5A54AB
600
#484389
700
#39366D
800
#2D2A55
900
#24223F
950
#161528

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

12.4:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026