#F906AE

#F906AE

Color Values

HEX

#F906AE

RGB

249, 6, 174

HSL

318.5, 95.3%, 50.0%

HSV

318.5, 97.6%, 97.6%

CMYK

0.0%, 97.6%, 30.1%, 2.4%

OKLCH

0.6521 0.273 347.4

Properties

Warm Light Nearest: maroon 1

Color Harmonies

Complementary

#F906AE

#06F951

Analogous

#CA06F9

#F90635

#F906AE

Triadic

#F906AE

#AEF906

#06AEF9

Split Complementary

#F906AE

#35F906

#06F9CA

Tetradic

#F906AE

#F9CA06

#06F951

#0635F9

Color Blindness Simulation

Original

#F906AE

Protanopia

#908E85

Deuteranopia

#9EB07C

Tritanopia

#ED655E

Achromatopsia

#464646

CSS Usage

background-color: #F906AE;
color: #F906AE;
border-color: #F906AE;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FEF1FA
100
#FCDFF3
200
#FDB9E8
300
#FC87D8
400
#FB47C3
500
#F906AE
600
#C7058B
700
#9F046F
800
#7D0357
900
#5A0740
950
#390429

Contrast Checker

Text on white

3.71:1

AA Fail AAA Fail

Text on black

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