#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026