#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