#F255A6

#F255A6

Color Values

HEX

#F255A6

RGB

242, 85, 166

HSL

329.0, 85.8%, 64.1%

HSV

329.0, 64.9%, 94.9%

CMYK

0.0%, 64.9%, 31.4%, 5.1%

OKLCH

0.6824 0.2065 352.1

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F255A6

#55F2A1

Analogous

#EF55F2

#F25558

#F255A6

Triadic

#F255A6

#A6F255

#55A6F2

Split Complementary

#F255A6

#58F255

#55F2EF

Tetradic

#F255A6

#F2EF55

#55F2A1

#5558F2

Color Blindness Simulation

Original

#F255A6

Protanopia

#AEAD92

Deuteranopia

#B7C38E

Tritanopia

#EA8380

Achromatopsia

#7C7C7C

CSS Usage

background-color: #F255A6;
color: #F255A6;
border-color: #F255A6;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABDDC
300
#F68DC4
400
#F250A3
500
#ED1283
600
#BE0E69
700
#980C54
800
#760942
900
#560B32
950
#36071F

Contrast Checker

Text on white

3.17:1

AA Fail AAA Fail

Text on black

6.63:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026