#C74BC9

#C74BC9

Color Values

HEX

#C74BC9

RGB

199, 75, 201

HSL

299.0, 53.8%, 54.1%

HSV

299.0, 62.7%, 78.8%

CMYK

1.0%, 62.7%, 0.0%, 21.2%

OKLCH

0.6257 0.2138 327.1

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#C74BC9

#4DC94B

Analogous

#884BC9

#C94B8C

#C74BC9

Triadic

#C74BC9

#C9C74B

#4BC9C7

Split Complementary

#C74BC9

#8CC94B

#4BC988

Tetradic

#C74BC9

#C9884B

#4DC94B

#4B8CC9

Color Blindness Simulation

Original

#C74BC9

Protanopia

#9190AB

Deuteranopia

#98A2A3

Tritanopia

#C1928D

Achromatopsia

#6E6E6E

CSS Usage

background-color: #C74BC9;
color: #C74BC9;
border-color: #C74BC9;
Nearest Tailwind: Fuchsia 700 #A21CAF

Tailwind Shades

50
#FBF4FB
100
#F5E5F5
200
#EEC8EF
300
#E2A1E3
400
#D26ED3
500
#C23BC4
600
#9B2F9D
700
#7C267E
800
#611D62
900
#471948
950
#2D102D

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026