#F291B3

#F291B3

Color Values

HEX

#F291B3

RGB

242, 145, 179

HSL

339.0, 78.9%, 75.9%

HSV

339.0, 40.1%, 94.9%

CMYK

0.0%, 40.1%, 26.0%, 5.1%

OKLCH

0.7671 0.1231 357.9

Properties

Warm Light Nearest: Pink Sherbet

Color Harmonies

Complementary

#F291B3

#91F2D0

Analogous

#F291E3

#F2A091

#F291B3

Triadic

#F291B3

#B3F291

#91B3F2

Split Complementary

#F291B3

#91F2A0

#91E3F2

Tetradic

#F291B3

#E3F291

#91F2D0

#A091F2

Color Blindness Simulation

Original

#F291B3

Protanopia

#C8C7AB

Deuteranopia

#CED5A9

Tritanopia

#EDA4A3

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#FCF2F6
100
#F9E1EA
200
#F7BFD3
300
#F292B3
400
#EB568A
500
#E41B61
600
#B6164E
700
#92113E
800
#720D31
900
#530E26
950
#340918

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

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