#F3549D

#F3549D

Color Values

HEX

#F3549D

RGB

243, 84, 157

HSL

332.5, 86.9%, 64.1%

HSV

332.5, 65.4%, 95.3%

CMYK

0.0%, 65.4%, 35.4%, 4.7%

OKLCH

0.6798 0.2047 355.7

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F3549D

#54F3AA

Analogous

#F354EC

#F35B54

#F3549D

Triadic

#F3549D

#9DF354

#549DF3

Split Complementary

#F3549D

#54F35B

#54ECF3

Tetradic

#F3549D

#ECF354

#54F3AA

#5B54F3

Color Blindness Simulation

Original

#F3549D

Protanopia

#AEAD8B

Deuteranopia

#B7C387

Tritanopia

#EB7D7A

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0EC
200
#FABCD9
300
#F78DBD
400
#F34F9A
500
#EE1176
600
#BF0D5F
700
#990B4C
800
#77083B
900
#560B2D
950
#37071D

Contrast Checker

Text on white

3.2:1

AA Fail AAA Fail

Text on black

6.57:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026