#C574C6

#C574C6

Color Values

HEX

#C574C6

RGB

197, 116, 198

HSL

299.3, 41.8%, 61.6%

HSV

299.3, 41.4%, 77.6%

CMYK

0.5%, 41.4%, 0.0%, 22.4%

OKLCH

0.6756 0.1464 326.6

Properties

Cool Light Nearest: orchid 3

Color Harmonies

Complementary

#C574C6

#75C674

Analogous

#9C74C6

#C6749E

#C574C6

Triadic

#C574C6

#C6C574

#74C6C5

Split Complementary

#C574C6

#9EC674

#74C69C

Tetradic

#C574C6

#C69C74

#75C674

#749EC6

Color Blindness Simulation

Original

#C574C6

Protanopia

#A2A1B2

Deuteranopia

#A7ADAD

Tritanopia

#C1A29F

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FAF5FA
100
#F3E7F3
200
#EACCEA
300
#DBA8DB
400
#C779C8
500
#B44AB5
600
#903B91
700
#732F74
800
#5A255A
900
#421E43
950
#2A132A

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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