#F27DA5

#F27DA5

Color Values

HEX

#F27DA5

RGB

242, 125, 165

HSL

339.5, 81.8%, 72.0%

HSV

339.5, 48.3%, 94.9%

CMYK

0.0%, 48.3%, 31.8%, 5.1%

OKLCH

0.7324 0.1489 359.7

Properties

Warm Light Nearest: palevioletred 2

Color Harmonies

Complementary

#F27DA5

#7DF2CA

Analogous

#F27DE0

#F2907D

#F27DA5

Triadic

#F27DA5

#A5F27D

#7DA5F2

Split Complementary

#F27DA5

#7DF290

#7DE0F2

Tetradic

#F27DA5

#E0F27D

#7DF2CA

#907DF2

Color Blindness Simulation

Original

#F27DA5

Protanopia

#BFBE9B

Deuteranopia

#C6CF99

Tritanopia

#EC9492

Achromatopsia

#999999

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1E9
200
#F9BED2
300
#F490B2
400
#EE5388
500
#E8175E
600
#B9134C
700
#940F3C
800
#740C2F
900
#540D25
950
#350817

Contrast Checker

Text on white

2.54:1

AA Fail AAA Fail

Text on black

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