#FE9ACC

#FE9ACC

Color Values

HEX

#FE9ACC

RGB

254, 154, 204

HSL

330.0, 98.0%, 80.0%

HSV

330.0, 39.4%, 99.6%

CMYK

0.0%, 39.4%, 19.7%, 0.4%

OKLCH

0.8031 0.1328 349.2

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FE9ACC

#9AFECC

Analogous

#FE9AFE

#FE9A9A

#FE9ACC

Triadic

#FE9ACC

#CCFE9A

#9ACCFE

Split Complementary

#FE9ACC

#9AFE9A

#9AFEFE

Tetradic

#FE9ACC

#FEFE9A

#9AFECC

#9A9AFE

Color Blindness Simulation

Original

#FE9ACC

Protanopia

#D3D2C0

Deuteranopia

#D8E0BD

Tritanopia

#F9B6B4

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FEB8DB
300
#FE86C2
400
#FD44A1
500
#FC0380
600
#CA0266
700
#A20252
800
#7E0140
900
#5B0630
950
#3A041F

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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