#F291AF

#F291AF

Color Values

HEX

#F291AF

RGB

242, 145, 175

HSL

341,4, 78,9%, 75,9%

HSV

341,4, 40,1%, 94,9%

CMYK

0,0%, 40,1%, 27,7%, 5,1%

OKLCH

0,7659 0,1216 0,5

Properties

Warm Light Nearest: Pink Sherbet

Color Harmonies

Complementary

#F291AF

#91F2D4

Analogous

#F291E0

#F2A391

#F291AF

Triadic

#F291AF

#AFF291

#91AFF2

Split Complementary

#F291AF

#91F2A3

#91E0F2

Tetradic

#F291AF

#E0F291

#91F2D4

#A391F2

Color Blindness Simulation

Original

#F291AF

Protanopia

#C8C7A8

Deuteranopia

#CED5A6

Tritanopia

#EDA2A1

Achromatopsia

#A8A8A8

CSS Usage

background-color: #F291AF;
color: #F291AF;
border-color: #F291AF;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FCF2F5
100
#F9E1E9
200
#F7BFD1
300
#F292AF
400
#EB5684
500
#E41B59
600
#B61647
700
#921139
800
#720D2D
900
#530E23
950
#340916

Contrast Checker

Text on white

2,22:1

AA Fail AAA Fail

Text on black

9,44: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