#F283B9

#F283B9

Color Values

HEX

#F283B9

RGB

242, 131, 185

HSL

330.8, 81.0%, 73.1%

HSV

330.8, 45.9%, 94.9%

CMYK

0.0%, 45.9%, 23.6%, 5.1%

OKLCH

0.7475 0.1483 350.8

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#F283B9

#83F2BC

Analogous

#F283F0

#F28483

#F283B9

Triadic

#F283B9

#B9F283

#83B9F2

Split Complementary

#F283B9

#83F284

#83F0F2

Tetradic

#F283B9

#F0F283

#83F2BC

#8483F2

Color Blindness Simulation

Original

#F283B9

Protanopia

#C2C1AC

Deuteranopia

#C8D1A9

Tritanopia

#ECA29F

Achromatopsia

#9E9E9E

CSS Usage

background-color: #F283B9;
color: #F283B9;
border-color: #F283B9;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF2F7
100
#F9E1ED
200
#F8BEDB
300
#F390C0
400
#ED549F
500
#E7187D
600
#B91364
700
#941050
800
#730C3E
900
#540D30
950
#35081E

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.72:1

AA Pass AAA Pass

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