#F560F8

#F560F8

Color Values

HEX

#F560F8

RGB

245, 96, 248

HSL

298.8, 91.6%, 67.5%

HSV

298.8, 61.3%, 97.3%

CMYK

1.2%, 61.3%, 0.0%, 2.7%

OKLCH

0.7338 0.2482 326.9

Properties

Cool Light Nearest: Pink Flamingo

Color Harmonies

Complementary

#F560F8

#63F860

Analogous

#A960F8

#F860AF

#F560F8

Triadic

#F560F8

#F8F560

#60F8F5

Split Complementary

#F560F8

#AFF860

#60F8A9

Tetradic

#F560F8

#F8A960

#63F860

#60AFF8

Color Blindness Simulation

Original

#F560F8

Protanopia

#B4B3D3

Deuteranopia

#BDC8CA

Tritanopia

#EEB6B0

Achromatopsia

#8B8B8B

CSS Usage

background-color: #F560F8;
color: #F560F8;
border-color: #F560F8;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FBBBFC
300
#F88AFA
400
#F44AF7
500
#F00BF4
600
#C009C3
700
#99079C
800
#78057A
900
#570958
950
#370538

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

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