#F681C5

#F681C5

Color Values

HEX

#F681C5

RGB

246, 129, 197

HSL

325.1, 86.7%, 73.5%

HSV

325.1, 47.6%, 96.5%

CMYK

0.0%, 47.6%, 19.9%, 3.5%

OKLCH

0.7537 0.1621 345.8

Properties

Warm Light Nearest: hotpink 2

Color Harmonies

Complementary

#F681C5

#81F6B2

Analogous

#EC81F6

#F6818A

#F681C5

Triadic

#F681C5

#C5F681

#81C5F6

Split Complementary

#F681C5

#8AF681

#81F6EC

Tetradic

#F681C5

#F6EC81

#81F6B2

#818AF6

Color Blindness Simulation

Original

#F681C5

Protanopia

#C3C2B5

Deuteranopia

#CAD3B1

Tritanopia

#F0A8A5

Achromatopsia

#9F9F9F

CSS Usage

background-color: #F681C5;
color: #F681C5;
border-color: #F681C5;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FDF2F8
100
#FAE0EF
200
#FABCE0
300
#F78DCA
400
#F24FAE
500
#EE1192
600
#BE0E74
700
#980B5D
800
#770849
900
#560B37
950
#360722

Contrast Checker

Text on white

2.37:1

AA Fail AAA Fail

Text on black

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