#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026