#F698C5

#F698C5

Color Values

HEX

#F698C5

RGB

246, 152, 197

HSL

331.3, 83.9%, 78.0%

HSV

331.3, 38.2%, 96.5%

CMYK

0.0%, 38.2%, 19.9%, 3.5%

OKLCH

0.7885 0.1244 350.2

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F698C5

#98F6C9

Analogous

#F698F4

#F69A98

#F698C5

Triadic

#F698C5

#C5F698

#98C5F6

Split Complementary

#F698C5

#98F69A

#98F4F6

Tetradic

#F698C5

#F4F698

#98F6C9

#9A98F6

Color Blindness Simulation

Original

#F698C5

Protanopia

#CDCCBA

Deuteranopia

#D3DAB7

Tritanopia

#F1B2B0

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FDF2F7
100
#FAE0ED
200
#F9BDDA
300
#F58EC0
400
#F0519D
500
#EA157B
600
#BC1062
700
#960D4F
800
#750A3D
900
#550C2F
950
#36071E

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

10.22:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026