#C896F1

#C896F1

Color Values

HEX

#C896F1

RGB

200, 150, 241

HSL

273.0, 76.5%, 76.7%

HSV

273.0, 37.8%, 94.5%

CMYK

17.0%, 37.8%, 0.0%, 5.5%

OKLCH

0.7537 0.1369 308.7

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C896F1

#BFF196

Analogous

#9B96F1

#F196EC

#C896F1

Triadic

#C896F1

#F1C896

#96F1C8

Split Complementary

#C896F1

#ECF196

#96F19B

Tetradic

#C896F1

#F19B96

#BFF196

#96ECF1

Color Blindness Simulation

Original

#C896F1

Protanopia

#B2B2DB

Deuteranopia

#B5B9D6

Tritanopia

#C6CAC6

Achromatopsia

#A7A7A7

CSS Usage

background-color: #C896F1;
color: #C896F1;
border-color: #C896F1;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F8F2FC
100
#EEE2F9
200
#DEC0F7
300
#C693F1
400
#A858E9
500
#891EE1
600
#6E18B4
700
#581390
800
#450F71
900
#340F52
950
#210A34

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

9.09:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026