#F797CA

#F797CA

Color Values

HEX

#F797CA

RGB

247, 151, 202

HSL

328.1, 85.7%, 78.0%

HSV

328.1, 38.9%, 96.9%

CMYK

0.0%, 38.9%, 18.2%, 3.1%

OKLCH

0.7897 0.1299 347.4

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F797CA

#97F7C4

Analogous

#F497F7

#F7979A

#F797CA

Triadic

#F797CA

#CAF797

#97CAF7

Split Complementary

#F797CA

#9AF797

#97F7F4

Tetradic

#F797CA

#F7F497

#97F7C4

#979AF7

Color Blindness Simulation

Original

#F797CA

Protanopia

#CDCDBE

Deuteranopia

#D3DABB

Tritanopia

#F2B4B2

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FDF2F8
100
#FAE0EE
200
#FABDDD
300
#F68DC5
400
#F250A6
500
#ED1286
600
#BD0F6C
700
#980C56
800
#760943
900
#560B33
950
#360720

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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