#F90657

#F90657

Color Values

HEX

#F90657

RGB

249, 6, 87

HSL

340.0, 95.3%, 50.0%

HSV

340.0, 97.6%, 97.6%

CMYK

0.0%, 97.6%, 65.1%, 2.4%

OKLCH

0.6258 0.2485 14.4

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#F90657

#06F9A8

Analogous

#F906D1

#F92E06

#F90657

Triadic

#F90657

#57F906

#0657F9

Split Complementary

#F90657

#06F92E

#06D1F9

Tetradic

#F90657

#D1F906

#06F9A8

#2E06F9

Color Blindness Simulation

Original

#F90657

Protanopia

#908E43

Deuteranopia

#9EB03F

Tritanopia

#ED3431

Achromatopsia

#404040

CSS Usage

background-color: #F90657;
color: #F90657;
border-color: #F90657;
Nearest Tailwind: Rose 600 #E11D48

Tailwind Shades

50
#FEF1F5
100
#FCDFE8
200
#FDB9D0
300
#FC87AE
400
#FB4783
500
#F90657
600
#C70546
700
#9F0438
800
#7D032B
900
#5A0723
950
#390416

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

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