#FA69EC

#FA69EC

Color Values

HEX

#FA69EC

RGB

250, 105, 236

HSL

305.8, 93.5%, 69.6%

HSV

305.8, 58.0%, 98.0%

CMYK

0.0%, 58.0%, 5.6%, 2.0%

OKLCH

0.7442 0.2295 331.5

Properties

Warm Light Nearest: Pink Flamingo

Color Harmonies

Complementary

#FA69EC

#69FA77

Analogous

#BF69FA

#FA69A3

#FA69EC

Triadic

#FA69EC

#ECFA69

#69ECFA

Split Complementary

#FA69EC

#A3FA69

#69FABF

Tetradic

#FA69EC

#FABF69

#69FA77

#69A3FA

Color Blindness Simulation

Original

#FA69EC

Protanopia

#BBBACC

Deuteranopia

#C4CEC5

Tritanopia

#F3B3AE

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#FDF1FC
100
#FBDFF9
200
#FDBAF6
300
#FB89F0
400
#F948E8
500
#F708E0
600
#C507B3
700
#9E058F
800
#7B0470
900
#590851
950
#380533

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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