#FC649F

#FC649F

Color Values

HEX

#FC649F

RGB

252, 100, 159

HSL

336.7, 96.2%, 69.0%

HSV

336.7, 60.3%, 98.8%

CMYK

0.0%, 60.3%, 36.9%, 1.2%

OKLCH

0.7114 0.1926 359.1

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#FC649F

#64FCC1

Analogous

#FC64EB

#FC7564

#FC649F

Triadic

#FC649F

#9FFC64

#649FFC

Split Complementary

#FC649F

#64FC75

#64EBFC

Tetradic

#FC649F

#EBFC64

#64FCC1

#7564FC

Color Blindness Simulation

Original

#FC649F

Protanopia

#BAB991

Deuteranopia

#C3CE8D

Tritanopia

#F48583

Achromatopsia

#898989

CSS Usage

background-color: #FC649F;
color: #FC649F;
border-color: #FC649F;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1F6
100
#FCDFEA
200
#FEB9D4
300
#FD87B5
400
#FB468C
500
#FA0564
600
#C80450
700
#A00340
800
#7D0232
900
#5A0727
950
#390419

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

7.46:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026