#F064DF Color

Color Information

HEX#F064DF
RGB240, 100, 223
HSL307° , 82% , 67%
HSV307° , 58% , 94%
CMYK0%, 58%, 7%, 6%

Lighter Shades

#F277E3 #F489E7 #F59CEB #F7AEEE #F9C1F2 #FBD4F6

Darker Shades

#D358C4 #B64CA9 #9A408F #7D3474 #602859 #431C3E

Complementary Palette

#CE56C0 #F064DF #58CE65 #66F076 #7BF289 #F27AE3

Analogous Palette

#A872CA #B777DF #E25ED2 #F064DF #DF779F #E283A7

Triadic Palette

#D358C4 #F064DF #E6F85D #E9F970 #5DE6F8 #52CADA

Split Complementary Palette

#D85AC9 #F064DF #9BF066 #A5F275 #66F0BB #5CD8A8

Square Palette

#CA54BB #F064DF #E7B96E #6EE77C #669BF0 #7EABF2

Tetradic Palette

#C552B7 #F064DF #FF6A57 #66F076 #57EBFF #75EFFF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #F064DF contains 240 red, 100 green, and 223 blue.

Contrast Ratio: 2.76:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 7.62:1