#EC09F6

#EC09F6

Color Values

HEX

#EC09F6

RGB

236, 9, 246

HSL

297.5, 92.9%, 50.0%

HSV

297.5, 96.3%, 96.5%

CMYK

4.1%, 96.3%, 0.0%, 3.5%

OKLCH

0.6691 0.3087 326.1

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#EC09F6

#13F609

Analogous

#7609F6

#F60989

#EC09F6

Triadic

#EC09F6

#F6EC09

#09F6EC

Split Complementary

#EC09F6

#89F609

#09F676

Tetradic

#EC09F6

#F67609

#13F609

#0989F6

Color Blindness Simulation

Original

#EC09F6

Protanopia

#8A88BD

Deuteranopia

#97A8AF

Tritanopia

#E18F85

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#FABAFC
300
#F689FB
400
#F149F8
500
#EC09F6
600
#BD07C5
700
#97069D
800
#76057B
900
#560859
950
#360538

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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