#F189C3

#F189C3

Color Values

HEX

#F189C3

RGB

241, 137, 195

HSL

326.5, 78.8%, 74.1%

HSV

326.5, 43.2%, 94.5%

CMYK

0.0%, 43.2%, 19.1%, 5.5%

OKLCH

0.7586 0.1433 346.5

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F189C3

#89F1B7

Analogous

#EB89F1

#F1898F

#F189C3

Triadic

#F189C3

#C3F189

#89C3F1

Split Complementary

#F189C3

#8FF189

#89F1EB

Tetradic

#F189C3

#F1EB89

#89F1B7

#898FF1

Color Blindness Simulation

Original

#F189C3

Protanopia

#C4C3B5

Deuteranopia

#CAD2B2

Tritanopia

#ECAAA7

Achromatopsia

#A3A3A3

CSS Usage

background-color: #F189C3;
color: #F189C3;
border-color: #F189C3;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FCF2F8
100
#F9E1EF
200
#F7BFDF
300
#F292C7
400
#EB56A9
500
#E41B8B
600
#B6166F
700
#921159
800
#720E46
900
#530E34
950
#340921

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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