#C673CF

#C673CF

Color Values

HEX

#C673CF

RGB

198, 115, 207

HSL

294.1, 48.9%, 63.1%

HSV

294.1, 44.4%, 81.2%

CMYK

4.3%, 44.4%, 0.0%, 18.8%

OKLCH

0.6793 0.1576 323.5

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C673CF

#7CCF73

Analogous

#9873CF

#CF73AA

#C673CF

Triadic

#C673CF

#CFC673

#73CFC6

Split Complementary

#C673CF

#AACF73

#73CF98

Tetradic

#C673CF

#CF9873

#7CCF73

#73AACF

Color Blindness Simulation

Original

#C673CF

Protanopia

#A2A1B9

Deuteranopia

#A7ADB3

Tritanopia

#C2A7A3

Achromatopsia

#8B8B8B

CSS Usage

background-color: #C673CF;
color: #C673CF;
border-color: #C673CF;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#FAF4FB
100
#F3E6F5
200
#E9CAED
300
#DAA4E0
400
#C673CF
500
#B241BE
600
#8E3498
700
#722A7A
800
#59215F
900
#421B46
950
#29112C

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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