#F13C96

#F13C96

Color Values

HEX

#F13C96

RGB

241, 60, 150

HSL

330.2, 86.6%, 59.0%

HSV

330.2, 75.1%, 94.5%

CMYK

0.0%, 75.1%, 37.8%, 5.5%

OKLCH

0.6526 0.2272 355.3

Properties

Warm Light Nearest: violetred 2

Color Harmonies

Complementary

#F13C96

#3CF197

Analogous

#F13CF0

#F13D3C

#F13C96

Triadic

#F13C96

#96F13C

#3C96F1

Split Complementary

#F13C96

#3CF13D

#3CF0F1

Tetradic

#F13C96

#F0F13C

#3CF197

#3D3CF1

Color Blindness Simulation

Original

#F13C96

Protanopia

#A3A180

Deuteranopia

#ADBB7B

Tritanopia

#E86F6B

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#FABCDB
300
#F78DC1
400
#F24FA0
500
#EE117F
600
#BE0E65
700
#980B51
800
#77093F
900
#560B30
950
#36071E

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

5.83:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026