#ED92F4

#ED92F4

Color Values

HEX

#ED92F4

RGB

237, 146, 244

HSL

295.7, 81.7%, 76.5%

HSV

295.7, 40.2%, 95.7%

CMYK

2.9%, 40.2%, 0.0%, 4.3%

OKLCH

0.7868 0.1648 324.4

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#ED92F4

#99F492

Analogous

#BC92F4

#F492CA

#ED92F4

Triadic

#ED92F4

#F4ED92

#92F4ED

Split Complementary

#ED92F4

#CAF492

#92F4BC

Tetradic

#ED92F4

#F4BC92

#99F492

#92CAF4

Color Blindness Simulation

Original

#ED92F4

Protanopia

#C6C5DC

Deuteranopia

#CBD2D7

Tritanopia

#E8CAC5

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E1FA
200
#F4BEF8
300
#ED90F4
400
#E354EE
500
#D917E8
600
#AD13B9
700
#8B0F94
800
#6C0C74
900
#4F0D54
950
#320835

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