#F906EB

#F906EB

Color Values

HEX

#F906EB

RGB

249, 6, 235

HSL

303,5, 95,3%, 50,0%

HSV

303,5, 97,6%, 97,6%

CMYK

0,0%, 97,6%, 5,6%, 2,4%

OKLCH

0,6819 0,3069 331,5

Properties

Warm Light Nearest: magenta 2

Color Harmonies

Complementary

#F906EB

#06F914

Analogous

#8E06F9

#F90671

#F906EB

Triadic

#F906EB

#EBF906

#06EBF9

Split Complementary

#F906EB

#71F906

#06F98E

Tetradic

#F906EB

#F98E06

#06F914

#0671F9

Color Blindness Simulation

Original

#F906EB

Protanopia

#908EB4

Deuteranopia

#9EB0A6

Tritanopia

#ED887E

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#FEF1FD
100
#FCDFFA
200
#FDB9F9
300
#FC87F5
400
#FB47F0
500
#F906EB
600
#C705BC
700
#9F0496
800
#7D0375
900
#5A0755
950
#390436

Contrast Checker

Text on white

3,36:1

AA Fail AAA Fail

Text on black

6,25:1

AA Pass AAA Fail

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