#F283B6

#F283B6

Color Values

HEX

#F283B6

RGB

242, 131, 182

HSL

332.4, 81.0%, 73.1%

HSV

332.4, 45.9%, 94.9%

CMYK

0.0%, 45.9%, 24.8%, 5.1%

OKLCH

0.7465 0.1467 352.3

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#F283B6

#83F2BF

Analogous

#F283EE

#F28783

#F283B6

Triadic

#F283B6

#B6F283

#83B6F2

Split Complementary

#F283B6

#83F287

#83EEF2

Tetradic

#F283B6

#EEF283

#83F2BF

#8783F2

Color Blindness Simulation

Original

#F283B6

Protanopia

#C2C1AA

Deuteranopia

#C8D1A7

Tritanopia

#ECA09E

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#F9E1EC
200
#F8BED9
300
#F390BE
400
#ED549B
500
#E71877
600
#B9135F
700
#94104C
800
#730C3C
900
#540D2E
950
#35081D

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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