#C649B9

#C649B9

Color Values

HEX

#C649B9

RGB

198, 73, 185

HSL

306.2, 52.3%, 53.1%

HSV

306.2, 63.1%, 77.6%

CMYK

0.0%, 63.1%, 6.6%, 22.4%

OKLCH

0.6139 0.2032 332.1

Properties

Warm Light Nearest: orchid 3

Color Harmonies

Complementary

#C649B9

#49C656

Analogous

#9449C6

#C6497A

#C649B9

Triadic

#C649B9

#B9C649

#49B9C6

Split Complementary

#C649B9

#7AC649

#49C694

Tetradic

#C649B9

#C69449

#49C656

#497AC6

Color Blindness Simulation

Original

#C649B9

Protanopia

#908F9E

Deuteranopia

#97A097

Tritanopia

#C08884

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FBF4FA
100
#F5E5F3
200
#EEC9EA
300
#E2A2DB
400
#D26FC8
500
#C23DB4
600
#9B3190
700
#7C2773
800
#611E5A
900
#471A43
950
#2D102A

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

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