#F17CE0

#F17CE0

Color Values

HEX

#F17CE0

RGB

241, 124, 224

HSL

308.7, 80.7%, 71.6%

HSV

308.7, 48.5%, 94.5%

CMYK

0.0%, 48.5%, 7.1%, 5.5%

OKLCH

0.7511 0.1857 333.0

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#F17CE0

#7CF18D

Analogous

#C87CF1

#F17CA6

#F17CE0

Triadic

#F17CE0

#E0F17C

#7CE0F1

Split Complementary

#F17CE0

#A6F17C

#7CF1C8

Tetradic

#F17CE0

#F1C87C

#7CF18D

#7CA6F1

Color Blindness Simulation

Original

#F17CE0

Protanopia

#BEBDC8

Deuteranopia

#C5CEC2

Tritanopia

#EBB5B0

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#F9E1F6
200
#F8BEF0
300
#F390E5
400
#ED55D7
500
#E619C9
600
#B814A0
700
#931080
800
#730C64
900
#540D49
950
#35082E

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

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