#F90669

#F90669

Color Values

HEX

#F90669

RGB

249, 6, 105

HSL

335.6, 95.3%, 50.0%

HSV

335.6, 97.6%, 97.6%

CMYK

0.0%, 97.6%, 57.8%, 2.4%

OKLCH

0.6296 0.2503 8.9

Properties

Warm Light Nearest: Razzmatazz

Color Harmonies

Complementary

#F90669

#06F996

Analogous

#F906E2

#F91D06

#F90669

Triadic

#F90669

#69F906

#0669F9

Split Complementary

#F90669

#06F91D

#06E2F9

Tetradic

#F90669

#E2F906

#06F996

#1D06F9

Color Blindness Simulation

Original

#F90669

Protanopia

#908E51

Deuteranopia

#9EB04B

Tritanopia

#ED3E3A

Achromatopsia

#414141

CSS Usage

background-color: #F90669;
color: #F90669;
border-color: #F90669;
Nearest Tailwind: Rose 500 #F43F5E

Tailwind Shades

50
#FEF1F6
100
#FCDFEA
200
#FDB9D5
300
#FC87B7
400
#FB4790
500
#F90669
600
#C70554
700
#9F0443
800
#7D0334
900
#5A0729
950
#39041A

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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