#C99DF2

#C99DF2

Color Values

HEX

#C99DF2

RGB

201, 157, 242

HSL

271.1, 76.6%, 78.2%

HSV

271.1, 35.1%, 94.9%

CMYK

16.9%, 35.1%, 0.0%, 5.1%

OKLCH

0.7672 0.1267 307.4

Properties

Cool Light Nearest: Wisteria

Color Harmonies

Complementary

#C99DF2

#C6F29D

Analogous

#9E9DF2

#F29DF0

#C99DF2

Triadic

#C99DF2

#F2C99D

#9DF2C9

Split Complementary

#C99DF2

#F0F29D

#9DF29E

Tetradic

#C99DF2

#F29E9D

#C6F29D

#9DF0F2

Color Blindness Simulation

Original

#C99DF2

Protanopia

#B6B6DD

Deuteranopia

#B8BCD8

Tritanopia

#C7CDCA

Achromatopsia

#ACACAC

CSS Usage

background-color: #C99DF2;
color: #C99DF2;
border-color: #C99DF2;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F2FC
100
#EEE2F9
200
#DCC0F7
300
#C493F1
400
#A358E9
500
#831EE1
600
#6918B4
700
#541390
800
#420F71
900
#320F52
950
#1F0A34

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

9.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026