#F28DC7

#F28DC7

Color Values

HEX

#F28DC7

RGB

242, 141, 199

HSL

325.5, 79.5%, 75.1%

HSV

325.5, 41.7%, 94.9%

CMYK

0.0%, 41.7%, 17.8%, 5.1%

OKLCH

0.7673 0.1401 345.4

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#F28DC7

#8DF2B8

Analogous

#EA8DF2

#F28D95

#F28DC7

Triadic

#F28DC7

#C7F28D

#8DC7F2

Split Complementary

#F28DC7

#95F28D

#8DF2EA

Tetradic

#F28DC7

#F2EA8D

#8DF2B8

#8D95F2

Color Blindness Simulation

Original

#F28DC7

Protanopia

#C6C5B9

Deuteranopia

#CCD4B6

Tritanopia

#EDAEAB

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#F9E1EF
200
#F8BFE0
300
#F291C9
400
#EC56AC
500
#E51A8F
600
#B71572
700
#92115B
800
#720D47
900
#530E36
950
#340922

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

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