#E779F0

#E779F0

Color Values

HEX

#E779F0

RGB

231, 121, 240

HSL

295.5, 79.9%, 70.8%

HSV

295.5, 49.6%, 94.1%

CMYK

3.7%, 49.6%, 0.0%, 5.9%

OKLCH

0.7422 0.1981 324.5

Properties

Cool Light Nearest: orchid 2

Color Harmonies

Complementary

#E779F0

#82F079

Analogous

#AC79F0

#F079BD

#E779F0

Triadic

#E779F0

#F0E779

#79F0E7

Split Complementary

#E779F0

#BDF079

#79F0AC

Tetradic

#E779F0

#F0AC79

#82F079

#79BDF0

Color Blindness Simulation

Original

#E779F0

Protanopia

#B7B6D3

Deuteranopia

#BEC6CC

Tritanopia

#E2BCB7

Achromatopsia

#999999

CSS Usage

background-color: #E779F0;
color: #E779F0;
border-color: #E779F0;
Nearest Tailwind: Fuchsia 400 #E879F9

Tailwind Shades

50
#FCF2FD
100
#F7E1F9
200
#F4BFF8
300
#EB91F3
400
#E155EC
500
#D61AE5
600
#AB15B7
700
#891093
800
#6B0D73
900
#4E0E53
950
#310935

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

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