#F19BF4

#F19BF4

Color Values

HEX

#F19BF4

RGB

241, 155, 244

HSL

298.0, 80.2%, 78.2%

HSV

298.0, 36.5%, 95.7%

CMYK

1.2%, 36.5%, 0.0%, 4.3%

OKLCH

0.805 0.1521 325.7

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#F19BF4

#9EF49B

Analogous

#C49BF4

#F49BCA

#F19BF4

Triadic

#F19BF4

#F4F19B

#9BF4F1

Split Complementary

#F19BF4

#CAF49B

#9BF4C4

Tetradic

#F19BF4

#F4C49B

#9EF49B

#9BCAF4

Color Blindness Simulation

Original

#F19BF4

Protanopia

#CCCBDE

Deuteranopia

#D1D7D9

Tritanopia

#EDCDCA

Achromatopsia

#B4B4B4

CSS Usage

background-color: #F19BF4;
color: #F19BF4;
border-color: #F19BF4;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#FCF2FD
100
#F9E1F9
200
#F6BFF8
300
#F091F3
400
#E755EC
500
#DF19E6
600
#B214B8
700
#8F1093
800
#6F0D73
900
#510D53
950
#330935

Contrast Checker

Text on white

1.96:1

AA Fail AAA Fail

Text on black

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