#F185F1

#F185F1

Color Values

HEX

#F185F1

RGB

241, 133, 241

HSL

300.0, 79.4%, 73.3%

HSV

300.0, 44.8%, 94.5%

CMYK

0.0%, 44.8%, 0.0%, 5.5%

OKLCH

0.7709 0.1858 327.2

Properties

Warm Light Nearest: violet

Color Harmonies

Complementary

#F185F1

#85F185

Analogous

#BB85F1

#F185BB

#F185F1

Triadic

#F185F1

#F1F185

#85F1F1

Split Complementary

#F185F1

#BBF185

#85F1BB

Tetradic

#F185F1

#F1BB85

#85F185

#85BBF1

Color Blindness Simulation

Original

#F185F1

Protanopia

#C2C1D7

Deuteranopia

#C8D1D1

Tritanopia

#ECC2BE

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#F9E1F9
200
#F8BFF8
300
#F291F2
400
#EC56EC
500
#E51AE5
600
#B715B7
700
#921192
800
#720D72
900
#530E53
950
#340934

Contrast Checker

Text on white

2.24:1

AA Fail AAA Fail

Text on black

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