#F69FC2

#F69FC2

Color Values

HEX

#F69FC2

RGB

246, 159, 194

HSL

335.9, 82.9%, 79.4%

HSV

335.9, 35.4%, 96.5%

CMYK

0.0%, 35.4%, 21.1%, 3.5%

OKLCH

0.7989 0.1114 354.2

Properties

Warm Light Nearest: Carnation Pink

Color Harmonies

Complementary

#F69FC2

#9FF6D3

Analogous

#F69FED

#F6A79F

#F69FC2

Triadic

#F69FC2

#C2F69F

#9FC2F6

Split Complementary

#F69FC2

#9FF6A7

#9FEDF6

Tetradic

#F69FC2

#EDF69F

#9FF6D3

#A79FF6

Color Blindness Simulation

Original

#F69FC2

Protanopia

#D0D0BA

Deuteranopia

#D5DCB7

Tritanopia

#F2B3B1

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#FDF2F6
100
#FAE1EB
200
#F9BED5
300
#F58FB8
400
#EF5291
500
#E9166B
600
#BB1155
700
#950E44
800
#750B35
900
#550C29
950
#35081A

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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