#FF97CC

#FF97CC

Color Values

HEX

#FF97CC

RGB

255, 151, 204

HSL

329,4, 100,0%, 79,6%

HSV

329,4, 40,8%, 100,0%

CMYK

0,0%, 40,8%, 20,0%, 0,0%

OKLCH

0,7996 0,1387 348,8

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#FF97CC

#97FFCA

Analogous

#FE97FF

#FF9798

#FF97CC

Triadic

#FF97CC

#CCFF97

#97CCFF

Split Complementary

#FF97CC

#98FF97

#97FFFE

Tetradic

#FF97CC

#FFFE97

#97FFCA

#9798FF

Color Blindness Simulation

Original

#FF97CC

Protanopia

#D2D1BF

Deuteranopia

#D8E0BC

Tritanopia

#FAB5B3

Achromatopsia

#B1B1B1

CSS Usage

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

Tailwind Shades

50
#FEF1F7
100
#FCDEED
200
#FFB8DC
300
#FF85C3
400
#FF42A3
500
#FF0082
600
#CC0068
700
#A30053
800
#800041
900
#5C0531
950
#3A031F

Contrast Checker

Text on white

1,99:1

AA Fail AAA Fail

Text on black

10,55: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