#EC92F9

#EC92F9

Color Values

HEX

#EC92F9

RGB

236, 146, 249

HSL

292.4, 89.6%, 77.5%

HSV

292.4, 41.4%, 97.6%

CMYK

5.2%, 41.4%, 0.0%, 2.4%

OKLCH

0.7879 0.1692 322.4

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#EC92F9

#9FF992

Analogous

#B992F9

#F992D3

#EC92F9

Triadic

#EC92F9

#F9EC92

#92F9EC

Split Complementary

#EC92F9

#D3F992

#92F9B9

Tetradic

#EC92F9

#F9B992

#9FF992

#92D3F9

Color Blindness Simulation

Original

#EC92F9

Protanopia

#C5C4E0

Deuteranopia

#CAD1DA

Tritanopia

#E8CCC8

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F7E0FB
200
#F3BBFB
300
#EB8BF9
400
#E04CF5
500
#D50DF2
600
#AA0BC1
700
#88089B
800
#6A0779
900
#4E0958
950
#310637

Contrast Checker

Text on white

2.09:1

AA Fail AAA Fail

Text on black

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