#F186FA

#F186FA

Color Values

HEX

#F186FA

RGB

241, 134, 250

HSL

295.3, 92.1%, 75.3%

HSV

295.3, 46.4%, 98.0%

CMYK

3.6%, 46.4%, 0.0%, 2.0%

OKLCH

0.7764 0.1925 324.3

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#F186FA

#8FFA86

Analogous

#B786FA

#FA86C9

#F186FA

Triadic

#F186FA

#FAF186

#86FAF1

Split Complementary

#F186FA

#C9FA86

#86FAB7

Tetradic

#F186FA

#FAB786

#8FFA86

#86C9FA

Color Blindness Simulation

Original

#F186FA

Protanopia

#C3C2DE

Deuteranopia

#C9D1D7

Tritanopia

#ECC8C3

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#FCF1FD
100
#F9DFFB
200
#F7BAFC
300
#F189FA
400
#EA4AF8
500
#E30AF5
600
#B508C4
700
#91069D
800
#71057A
900
#520859
950
#340538

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.53:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026