#ED95F6

#ED95F6

Color Values

HEX

#ED95F6

RGB

237, 149, 246

HSL

294.4, 84.3%, 77.5%

HSV

294.4, 39.4%, 96.5%

CMYK

3.7%, 39.4%, 0.0%, 3.5%

OKLCH

0.7922 0.1618 323.6

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#ED95F6

#9EF695

Analogous

#BD95F6

#F695CF

#ED95F6

Triadic

#ED95F6

#F6ED95

#95F6ED

Split Complementary

#ED95F6

#CFF695

#95F6BD

Tetradic

#ED95F6

#F6BD95

#9EF695

#95CFF6

Color Blindness Simulation

Original

#ED95F6

Protanopia

#C7C6DF

Deuteranopia

#CCD3D9

Tritanopia

#E9CCC8

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FCF2FD
100
#F8E0FA
200
#F4BDF9
300
#EC8EF5
400
#E151F0
500
#D714EB
600
#AC10BC
700
#8A0D96
800
#6B0A75
900
#4E0C55
950
#310736

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

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