#F90658

#F90658

Color Values

HEX

#F90658

RGB

249, 6, 88

HSL

339.8, 95.3%, 50.0%

HSV

339.8, 97.6%, 97.6%

CMYK

0.0%, 97.6%, 64.7%, 2.4%

OKLCH

0.626 0.2486 14.1

Properties

Warm Light Nearest: Red

Color Harmonies

Complementary

#F90658

#06F9A7

Analogous

#F906D1

#F92E06

#F90658

Triadic

#F90658

#58F906

#0658F9

Split Complementary

#F90658

#06F92E

#06D1F9

Tetradic

#F90658

#D1F906

#06F9A7

#2E06F9

Color Blindness Simulation

Original

#F90658

Protanopia

#908E44

Deuteranopia

#9EB03F

Tritanopia

#ED3431

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#FEF1F5
100
#FCDFE8
200
#FDB9D0
300
#FC87AF
400
#FB4783
500
#F90658
600
#C70546
700
#9F0438
800
#7D032C
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