#F590FD

#F590FD

Color Values

HEX

#F590FD

RGB

245, 144, 253

HSL

295.6, 96.5%, 77.8%

HSV

295.6, 43.1%, 99.2%

CMYK

3.2%, 43.1%, 0.0%, 0.8%

OKLCH

0.7966 0.1814 324.4

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#F590FD

#98FD90

Analogous

#BE90FD

#FD90CE

#F590FD

Triadic

#F590FD

#FDF590

#90FDF5

Split Complementary

#F590FD

#CEFD90

#90FDBE

Tetradic

#F590FD

#FDBE90

#98FD90

#90CEFD

Color Blindness Simulation

Original

#F590FD

Protanopia

#C9C8E3

Deuteranopia

#CFD7DC

Tritanopia

#F0CEC9

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#FDF1FE
100
#FADFFC
200
#F9B9FE
300
#F487FD
400
#EE46FC
500
#E804FB
600
#BA04C8
700
#9503A0
800
#74027D
900
#54065B
950
#350439

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

10.29:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026