#C5C4FF

#C5C4FF

Color Values

HEX

#C5C4FF

RGB

197, 196, 255

HSL

241.0, 100.0%, 88.4%

HSV

241.0, 23.1%, 100.0%

CMYK

22.7%, 23.1%, 0.0%, 0.0%

OKLCH

0.8413 0.082 285.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#C5C4FF

#FEFFC4

Analogous

#C4E0FF

#E2C4FF

#C5C4FF

Triadic

#C5C4FF

#FFC5C4

#C4FFC5

Split Complementary

#C5C4FF

#FFE2C4

#E0FFC4

Tetradic

#C5C4FF

#FFC4E0

#FEFFC4

#C4FFE2

Color Blindness Simulation

Original

#C5C4FF

Protanopia

#C5C5F1

Deuteranopia

#C5C5ED

Tritanopia

#C5E5E3

Achromatopsia

#C8C8C8

CSS Usage

background-color: #C5C4FF;
color: #C5C4FF;
border-color: #C5C4FF;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F1F1FE
100
#DEDEFC
200
#B9B8FF
300
#8785FF
400
#4542FF
500
#0400FF
600
#0300CC
700
#0300A3
800
#020080
900
#06055C
950
#04033A

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.71:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026