#F287BB

#F287BB

Color Values

HEX

#F287BB

RGB

242, 135, 187

HSL

330.8, 80.5%, 73.9%

HSV

330.8, 44.2%, 94.9%

CMYK

0.0%, 44.2%, 22.7%, 5.1%

OKLCH

0.7541 0.1429 350.6

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#F287BB

#87F2BE

Analogous

#F287F1

#F28887

#F287BB

Triadic

#F287BB

#BBF287

#87BBF2

Split Complementary

#F287BB

#87F288

#87F1F2

Tetradic

#F287BB

#F1F287

#87F2BE

#8887F2

Color Blindness Simulation

Original

#F287BB

Protanopia

#C4C3AE

Deuteranopia

#CAD2AB

Tritanopia

#EDA4A2

Achromatopsia

#A2A2A2

CSS Usage

background-color: #F287BB;
color: #F287BB;
border-color: #F287BB;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BFDB
300
#F391C0
400
#ED559F
500
#E6197D
600
#B81464
700
#931050
800
#730C3E
900
#540D30
950
#35081E

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

8.96:1

AA Pass AAA Pass

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