#FE97F0

#FE97F0

Color Values

HEX

#FE97F0

RGB

254, 151, 240

HSL

308.2, 98.1%, 79.4%

HSV

308.2, 40.6%, 99.6%

CMYK

0.0%, 40.6%, 5.5%, 0.4%

OKLCH

0.8116 0.164 332.1

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FE97F0

#97FEA5

Analogous

#D997FE

#FE97BC

#FE97F0

Triadic

#FE97F0

#F0FE97

#97F0FE

Split Complementary

#FE97F0

#BCFE97

#97FED9

Tetradic

#FE97F0

#FED997

#97FEA5

#97BCFE

Color Blindness Simulation

Original

#FE97F0

Protanopia

#D1D1DA

Deuteranopia

#D7DFD5

Tritanopia

#F9C9C6

Achromatopsia

#B3B3B3

CSS Usage

background-color: #FE97F0;
color: #FE97F0;
border-color: #FE97F0;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FEF1FC
100
#FCDEF8
200
#FEB8F5
300
#FE86ED
400
#FD44E4
500
#FD02DA
600
#CA02AF
700
#A2028C
800
#7E016D
900
#5B0650
950
#3A0432

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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