#F15088

#F15088

Color Values

HEX

#F15088

RGB

241, 80, 136

HSL

339.1, 85.2%, 62.9%

HSV

339.1, 66.8%, 94.5%

CMYK

0.0%, 66.8%, 43.6%, 5.5%

OKLCH

0.6661 0.2007 3.0

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F15088

#50F1B9

Analogous

#F150D9

#F16850

#F15088

Triadic

#F15088

#88F150

#5088F1

Split Complementary

#F15088

#50F168

#50D9F1

Tetradic

#F15088

#D9F150

#50F1B9

#6850F1

Color Blindness Simulation

Original

#F15088

Protanopia

#ABAA7A

Deuteranopia

#B5C177

Tritanopia

#E9706D

Achromatopsia

#767676

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE0E9
200
#FABDD2
300
#F68EB2
400
#F15088
500
#EC135F
600
#BD0F4C
700
#970C3D
800
#76092F
900
#560B25
950
#360717

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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