#C896EF

#C896EF

Color Values

HEX

#C896EF

RGB

200, 150, 239

HSL

273.7, 73.6%, 76.3%

HSV

273.7, 37.2%, 93.7%

CMYK

16.3%, 37.2%, 0.0%, 6.3%

OKLCH

0.7528 0.1345 309.3

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C896EF

#BDEF96

Analogous

#9C96EF

#EF96EA

#C896EF

Triadic

#C896EF

#EFC896

#96EFC8

Split Complementary

#C896EF

#EAEF96

#96EF9C

Tetradic

#C896EF

#EF9C96

#BDEF96

#96EAEF

Color Blindness Simulation

Original

#C896EF

Protanopia

#B2B2D9

Deuteranopia

#B5B9D4

Tritanopia

#C6C8C5

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#DFC1F6
300
#C795EF
400
#A95BE6
500
#8B22DD
600
#6F1BB1
700
#59168E
800
#46116F
900
#341051
950
#210A33

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

9.06: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