#C678C5

#C678C5

Color Values

HEX

#C678C5

RGB

198, 120, 197

HSL

300.8, 40.6%, 62.4%

HSV

300.8, 39.4%, 77.6%

CMYK

0.0%, 39.4%, 0.5%, 22.4%

OKLCH

0.6825 0.1392 327.4

Properties

Warm Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#C678C5

#78C679

Analogous

#A078C6

#C6789E

#C678C5

Triadic

#C678C5

#C5C678

#78C5C6

Split Complementary

#C678C5

#9EC678

#78C6A0

Tetradic

#C678C5

#C6A078

#78C679

#789EC6

Color Blindness Simulation

Original

#C678C5

Protanopia

#A4A4B2

Deuteranopia

#A9AFAE

Tritanopia

#C2A4A0

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACDE9
300
#DBA9DA
400
#C77AC6
500
#B34CB2
600
#8F3D8E
700
#733072
800
#5A2659
900
#421F42
950
#2A1329

Contrast Checker

Text on white

3.05:1

AA Fail AAA Fail

Text on black

6.89:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026