#F25D99

#F25D99

Color Values

HEX

#F25D99

RGB

242, 93, 153

HSL

335.8, 85.1%, 65.7%

HSV

335.8, 61.6%, 94.9%

CMYK

0.0%, 61.6%, 36.8%, 5.1%

OKLCH

0.6869 0.1906 358.4

Properties

Warm Light Nearest: Violet Red

Color Harmonies

Complementary

#F25D99

#5DF2B6

Analogous

#F25DE4

#F26B5D

#F25D99

Triadic

#F25D99

#99F25D

#5D99F2

Split Complementary

#F25D99

#5DF26B

#5DE4F2

Tetradic

#F25D99

#E4F25D

#5DF2B6

#6B5DF2

Color Blindness Simulation

Original

#F25D99

Protanopia

#B1B08A

Deuteranopia

#BAC587

Tritanopia

#EB7F7C

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE0EB
200
#FABDD5
300
#F68EB8
400
#F15091
500
#EC136B
600
#BD0F55
700
#970C44
800
#760935
900
#560B29
950
#36071A

Contrast Checker

Text on white

3.09:1

AA Fail AAA Fail

Text on black

6.8:1

AA Pass AAA Fail

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