#F492BA

#F492BA

Color Values

HEX

#F492BA

RGB

244, 146, 186

HSL

335.5, 81.7%, 76.5%

HSV

335.5, 40.2%, 95.7%

CMYK

0.0%, 40.2%, 23.8%, 4.3%

OKLCH

0.7732 0.1266 354.5

Properties

Warm Light Nearest: Tickle Me Pink

Color Harmonies

Complementary

#F492BA

#92F4CC

Analogous

#F492EB

#F49B92

#F492BA

Triadic

#F492BA

#BAF492

#92BAF4

Split Complementary

#F492BA

#92F49B

#92EBF4

Tetradic

#F492BA

#EBF492

#92F4CC

#9B92F4

Color Blindness Simulation

Original

#F492BA

Protanopia

#CAC9B0

Deuteranopia

#CFD7AE

Tritanopia

#EFA9A7

Achromatopsia

#AAAAAA

CSS Usage

background-color: #F492BA;
color: #F492BA;
border-color: #F492BA;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F8BED6
300
#F490B9
400
#EE5493
500
#E8176C
600
#B91357
700
#940F45
800
#740C36
900
#540D2A
950
#35081A

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.67:1

AA Pass AAA Pass

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