#F1458B

#F1458B

Color Values

HEX

#F1458B

RGB

241, 69, 139

HSL

335.6, 86.0%, 60.8%

HSV

335.6, 71.4%, 94.5%

CMYK

0.0%, 71.4%, 42.3%, 5.5%

OKLCH

0.6565 0.214 0.3

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F1458B

#45F1AB

Analogous

#F145E1

#F15545

#F1458B

Triadic

#F1458B

#8BF145

#458BF1

Split Complementary

#F1458B

#45F155

#45E1F1

Tetradic

#F1458B

#E1F145

#45F1AB

#5545F1

Color Blindness Simulation

Original

#F1458B

Protanopia

#A6A57A

Deuteranopia

#B0BD76

Tritanopia

#E86D6A

Achromatopsia

#6F6F6F

CSS Usage

background-color: #F1458B;
color: #F1458B;
border-color: #F1458B;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F6
100
#FAE0EB
200
#FABDD6
300
#F68DB8
400
#F25092
500
#ED126B
600
#BE0E56
700
#980B45
800
#770936
900
#560B29
950
#36071A

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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