#FE7CAF

#FE7CAF

Color Values

HEX

#FE7CAF

RGB

254, 124, 175

HSL

336.5, 98.5%, 74.1%

HSV

336.5, 51.2%, 99.6%

CMYK

0.0%, 51.2%, 31.1%, 0.4%

OKLCH

0.7496 0.1663 357.1

Properties

Warm Light Nearest: palevioletred 1

Color Harmonies

Complementary

#FE7CAF

#7CFECB

Analogous

#FE7CF0

#FE8A7C

#FE7CAF

Triadic

#FE7CAF

#AFFE7C

#7CAFFE

Split Complementary

#FE7CAF

#7CFE8A

#7CF0FE

Tetradic

#FE7CAF

#F0FE7C

#7CFECB

#8A7CFE

Color Blindness Simulation

Original

#FE7CAF

Protanopia

#C6C5A3

Deuteranopia

#CDD7A0

Tritanopia

#F79997

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FEF1F6
100
#FCDEEA
200
#FEB8D4
300
#FE86B5
400
#FE448D
500
#FD0264
600
#CA0250
700
#A20140
800
#7F0132
900
#5B0527
950
#3A0319

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026