#EC92F7

#EC92F7

Color Values

HEX

#EC92F7

RGB

236, 146, 247

HSL

293.5, 86.3%, 77.1%

HSV

293.5, 40.9%, 96.9%

CMYK

4.5%, 40.9%, 0.0%, 3.1%

OKLCH

0.787 0.1672 323.0

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#EC92F7

#9DF792

Analogous

#BA92F7

#F792D0

#EC92F7

Triadic

#EC92F7

#F7EC92

#92F7EC

Split Complementary

#EC92F7

#D0F792

#92F7BA

Tetradic

#EC92F7

#F7BA92

#9DF792

#92D0F7

Color Blindness Simulation

Original

#EC92F7

Protanopia

#C5C4DF

Deuteranopia

#CAD1D9

Tritanopia

#E8CBC7

Achromatopsia

#ACACAC

CSS Usage

background-color: #EC92F7;
color: #EC92F7;
border-color: #EC92F7;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FCF2FD
100
#F7E0FA
200
#F3BCFA
300
#EB8DF7
400
#E04FF2
500
#D611EE
600
#AB0EBE
700
#890B98
800
#6B0977
900
#4E0B56
950
#310736

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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