#FA93ED

#FA93ED

Color Values

HEX

#FA93ED

RGB

250, 147, 237

HSL

307.6, 91.2%, 77.8%

HSV

307.6, 41.2%, 98.0%

CMYK

0.0%, 41.2%, 5.2%, 2.0%

OKLCH

0.7999 0.1653 331.7

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#FA93ED

#93FAA0

Analogous

#D393FA

#FA93B9

#FA93ED

Triadic

#FA93ED

#EDFA93

#93EDFA

Split Complementary

#FA93ED

#B9FA93

#93FAD3

Tetradic

#FA93ED

#FAD393

#93FAA0

#93B9FA

Color Blindness Simulation

Original

#FA93ED

Protanopia

#CDCDD7

Deuteranopia

#D3DBD2

Tritanopia

#F5C6C2

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF7
200
#FCBBF4
300
#FA8AEB
400
#F74BE1
500
#F40BD6
600
#C309AB
700
#9C0789
800
#7A066B
900
#58094E
950
#380531

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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