#F045F7

#F045F7

Color Values

HEX

#F045F7

RGB

240, 69, 247

HSL

297.6, 91.8%, 62.0%

HSV

297.6, 72.1%, 96.9%

CMYK

2.8%, 72.1%, 0.0%, 3.1%

OKLCH

0.702 0.276 326.3

Properties

Cool Light Nearest: magenta 2

Color Harmonies

Complementary

#F045F7

#4CF745

Analogous

#9745F7

#F745A5

#F045F7

Triadic

#F045F7

#F7F045

#45F7F0

Split Complementary

#F045F7

#A5F745

#45F797

Tetradic

#F045F7

#F79745

#4CF745

#45A5F7

Color Blindness Simulation

Original

#F045F7

Protanopia

#A6A4CC

Deuteranopia

#B0BDC2

Tritanopia

#E7AAA2

Achromatopsia

#767676

CSS Usage

background-color: #F045F7;
color: #F045F7;
border-color: #F045F7;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#F9BBFC
300
#F58AFA
400
#F04AF7
500
#EB0AF5
600
#BC08C4
700
#97079D
800
#76057A
900
#550858
950
#360538

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

6.9:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026