#F65CC7

#F65CC7

Color Values

HEX

#F65CC7

RGB

246, 92, 199

HSL

318.3, 89.5%, 66.3%

HSV

318.3, 62.6%, 96.5%

CMYK

0.0%, 62.6%, 19.1%, 3.5%

OKLCH

0.7082 0.2186 341.7

Properties

Warm Light Nearest: Razzle Dazzle Rose

Color Harmonies

Complementary

#F65CC7

#5CF68B

Analogous

#D85CF6

#F65C7A

#F65CC7

Triadic

#F65CC7

#C7F65C

#5CC7F6

Split Complementary

#F65CC7

#7AF65C

#5CF6D8

Tetradic

#F65CC7

#F6D85C

#5CF68B

#5C7AF6

Color Blindness Simulation

Original

#F65CC7

Protanopia

#B3B2AD

Deuteranopia

#BCC8A7

Tritanopia

#EE9994

Achromatopsia

#848484

CSS Usage

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

Tailwind Shades

50
#FDF2FA
100
#FBE0F2
200
#FBBBE8
300
#F98BD7
400
#F54CC2
500
#F20DAC
600
#C10B8A
700
#9B096E
800
#790756
900
#570940
950
#370628

Contrast Checker

Text on white

2.89:1

AA Fail AAA Fail

Text on black

7.27:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026