#F364DD

#F364DD

Color Values

HEX

#F364DD

RGB

243, 100, 221

HSL

309.2, 85.6%, 67.3%

HSV

309.2, 58.8%, 95.3%

CMYK

0.0%, 58.8%, 9.1%, 4.7%

OKLCH

0.7224 0.2208 334.1

Properties

Warm Light Nearest: orchid 2

Color Harmonies

Complementary

#F364DD

#64F37A

Analogous

#C264F3

#F36496

#F364DD

Triadic

#F364DD

#DDF364

#64DDF3

Split Complementary

#F364DD

#96F364

#64F3C2

Tetradic

#F364DD

#F3C264

#64F37A

#6496F3

Color Blindness Simulation

Original

#F364DD

Protanopia

#B5B4C0

Deuteranopia

#BDC8B9

Tritanopia

#ECA9A4

Achromatopsia

#8B8B8B

CSS Usage

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

Tailwind Shades

50
#FDF2FB
100
#FAE0F6
200
#FABDF0
300
#F68DE6
400
#F150D9
500
#ED12CB
600
#BD0FA3
700
#970C82
800
#760966
900
#560B4A
950
#36072F

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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