#F954F8

#F954F8

Color Values

HEX

#F954F8

RGB

249, 84, 248

HSL

300.4, 93.2%, 65.3%

HSV

300.4, 66.3%, 97.6%

CMYK

0.0%, 66.3%, 0.4%, 2.4%

OKLCH

0.7274 0.2648 328.1

Properties

Warm Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#F954F8

#54F955

Analogous

#A854F9

#F954A5

#F954F8

Triadic

#F954F8

#F8F954

#54F8F9

Split Complementary

#F954F8

#A5F954

#54F9A8

Tetradic

#F954F8

#F9A854

#54F955

#54A5F9

Color Blindness Simulation

Original

#F954F8

Protanopia

#B2B0D0

Deuteranopia

#BBC7C7

Tritanopia

#F1B1AA

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#FDF1FD
100
#FBDFFB
200
#FDBAFC
300
#FB89FA
400
#F949F7
500
#F609F5
600
#C507C4
700
#9E069D
800
#7B047A
900
#590859
950
#380538

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

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