#F22989

#F22989

Color Values

HEX

#F22989

RGB

242, 41, 137

HSL

331.3, 88.5%, 55.5%

HSV

331.3, 83.1%, 94.9%

CMYK

0.0%, 83.1%, 43.4%, 5.1%

OKLCH

0.6376 0.2388 358.7

Properties

Warm Light Nearest: deeppink 2

Color Harmonies

Complementary

#F22989

#29F292

Analogous

#F229EE

#F22D29

#F22989

Triadic

#F22989

#89F229

#2989F2

Split Complementary

#F22989

#29F22D

#29EEF2

Tetradic

#F22989

#EEF229

#29F292

#2D29F2

Color Blindness Simulation

Original

#F22989

Protanopia

#9B9972

Deuteranopia

#A7B66C

Tritanopia

#E85F5B

Achromatopsia

#5B5B5B

CSS Usage

background-color: #F22989;
color: #F22989;
border-color: #F22989;
Nearest Tailwind: Pink 600 #DB2777

Tailwind Shades

50
#FDF2F7
100
#FBE0ED
200
#FBBCDA
300
#F88CBF
400
#F44D9D
500
#F00F7B
600
#C00C62
700
#9A094E
800
#78073D
900
#570A2F
950
#37061E

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

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