#F609EE

#F609EE

Color Values

HEX

#F609EE

RGB

246, 9, 238

HSL

302.0, 92.9%, 50.0%

HSV

302.0, 96.3%, 96.5%

CMYK

0.0%, 96.3%, 3.3%, 3.5%

OKLCH

0.6795 0.3071 330.1

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F609EE

#09F611

Analogous

#8709F6

#F60978

#F609EE

Triadic

#F609EE

#EEF609

#09EEF6

Split Complementary

#F609EE

#78F609

#09F687

Tetradic

#F609EE

#F68709

#09F611

#0978F6

Color Blindness Simulation

Original

#F609EE

Protanopia

#8F8DB7

Deuteranopia

#9DAFA9

Tritanopia

#EA8B81

Achromatopsia

#4C4C4C

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFA
200
#FCBAFA
300
#FB89F7
400
#F849F2
500
#F609EE
600
#C507BE
700
#9D0698
800
#7B0577
900
#590856
950
#380536

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.19:1

AA Pass AAA Fail

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