#C669CC

#C669CC

Color Values

HEX

#C669CC

RGB

198, 105, 204

HSL

296.4, 49.3%, 60.6%

HSV

296.4, 48.5%, 80.0%

CMYK

2.9%, 48.5%, 0.0%, 20.0%

OKLCH

0.6633 0.1712 325.0

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C669CC

#6FCC69

Analogous

#9569CC

#CC69A0

#C669CC

Triadic

#C669CC

#CCC669

#69CCC6

Split Complementary

#C669CC

#A0CC69

#69CC95

Tetradic

#C669CC

#CC9569

#6FCC69

#69A0CC

Color Blindness Simulation

Original

#C669CC

Protanopia

#9E9DB4

Deuteranopia

#A3AAAE

Tritanopia

#C1A19D

Achromatopsia

#848484

CSS Usage

background-color: #C669CC;
color: #C669CC;
border-color: #C669CC;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FAF4FB
100
#F4E6F5
200
#EBCAED
300
#DCA4E0
400
#CA72CF
500
#B741BE
600
#923498
700
#75297A
800
#5B205F
900
#431B46
950
#2B112C

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass AAA Fail

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