#C74DBB

#C74DBB

Color Values

HEX

#C74DBB

RGB

199, 77, 187

HSL

305.9, 52.1%, 54.1%

HSV

305.9, 61.3%, 78.0%

CMYK

0.0%, 61.3%, 6.0%, 22.0%

OKLCH

0.6207 0.1998 331.7

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C74DBB

#4DC759

Analogous

#964DC7

#C74D7E

#C74DBB

Triadic

#C74DBB

#BBC74D

#4DBBC7

Split Complementary

#C74DBB

#7EC74D

#4DC796

Tetradic

#C74DBB

#C7964D

#4DC759

#4D7EC7

Color Blindness Simulation

Original

#C74DBB

Protanopia

#9291A0

Deuteranopia

#99A29A

Tritanopia

#C18B87

Achromatopsia

#6F6F6F

CSS Usage

background-color: #C74DBB;
color: #C74DBB;
border-color: #C74DBB;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FBF4FA
100
#F5E5F4
200
#EEC9EA
300
#E2A2DB
400
#D26FC8
500
#C23DB5
600
#9B3191
700
#7C2774
800
#611F5A
900
#471A43
950
#2D102A

Contrast Checker

Text on white

4.03:1

AA Fail AAA Fail

Text on black

5.21:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026