#F287AE

#F287AE

Color Values

HEX

#F287AE

RGB

242, 135, 174

HSL

338,1, 80,5%, 73,9%

HSV

338,1, 44,2%, 94,9%

CMYK

0,0%, 44,2%, 28,1%, 5,1%

OKLCH

0,75 0,1368 357,7

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#F287AE

#87F2CB

Analogous

#F287E4

#F29587

#F287AE

Triadic

#F287AE

#AEF287

#87AEF2

Split Complementary

#F287AE

#87F295

#87E4F2

Tetradic

#F287AE

#E4F287

#87F2CB

#9587F2

Color Blindness Simulation

Original

#F287AE

Protanopia

#C4C3A5

Deuteranopia

#CAD2A2

Tritanopia

#ED9D9B

Achromatopsia

#A1A1A1

CSS Usage

background-color: #F287AE;
color: #F287AE;
border-color: #F287AE;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF2F6
100
#F9E1EA
200
#F8BFD4
300
#F391B4
400
#ED558C
500
#E61964
600
#B81450
700
#931040
800
#730C32
900
#540D27
950
#350819

Contrast Checker

Text on white

2,37:1

AA Fail AAA Fail

Text on black

8,85:1

AA Pass AAA Pass

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