#F65DAF

#F65DAF

Color Values

HEX

#F65DAF

RGB

246, 93, 175

HSL

327.8, 89.5%, 66.5%

HSV

327.8, 62.2%, 96.5%

CMYK

0.0%, 62.2%, 28.9%, 3.5%

OKLCH

0.7 0.2036 350.4

Properties

Warm Light Nearest: Magenta

Color Harmonies

Complementary

#F65DAF

#5DF6A4

Analogous

#F05DF6

#F65D63

#F65DAF

Triadic

#F65DAF

#AFF65D

#5DAFF6

Split Complementary

#F65DAF

#63F65D

#5DF6F0

Tetradic

#F65DAF

#F6F05D

#5DF6A4

#5D63F6

Color Blindness Simulation

Original

#F65DAF

Protanopia

#B4B29B

Deuteranopia

#BDC896

Tritanopia

#EE8B88

Achromatopsia

#838383

CSS Usage

background-color: #F65DAF;
color: #F65DAF;
border-color: #F65DAF;
Nearest Tailwind: Pink 500 #EC4899

Tailwind Shades

50
#FDF2F8
100
#FBE0EE
200
#FBBBDE
300
#F98BC6
400
#F54CA7
500
#F20D88
600
#C10B6D
700
#9B0957
800
#790744
900
#570933
950
#370620

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

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