#F250DA

#F250DA

Color Values

HEX

#F250DA

RGB

242, 80, 218

HSL

308.9, 86.2%, 63.1%

HSV

308.9, 66.9%, 94.9%

CMYK

0.0%, 66.9%, 9.9%, 5.1%

OKLCH

0.6991 0.244 334.4

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F250DA

#50F268

Analogous

#B950F2

#F25089

#F250DA

Triadic

#F250DA

#DAF250

#50DAF2

Split Complementary

#F250DA

#89F250

#50F2B9

Tetradic

#F250DA

#F2B950

#50F268

#5089F2

Color Blindness Simulation

Original

#F250DA

Protanopia

#ACAAB9

Deuteranopia

#B5C1B1

Tritanopia

#EA9E98

Achromatopsia

#7C7C7C

CSS Usage

background-color: #F250DA;
color: #F250DA;
border-color: #F250DA;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#FABDF1
300
#F78DE7
400
#F24FDA
500
#ED12CD
600
#BE0EA4
700
#980B83
800
#770966
900
#560B4B
950
#36072F

Contrast Checker

Text on white

3.03:1

AA Fail AAA Fail

Text on black

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