#F18CFF

#F18CFF

Color Values

HEX

#F18CFF

RGB

241, 140, 255

HSL

292.7, 100.0%, 77.5%

HSV

292.7, 45.1%, 100.0%

CMYK

5.5%, 45.1%, 0.0%, 0.0%

OKLCH

0.7872 0.1876 322.6

Properties

Cool Light Nearest: violet

Color Harmonies

Complementary

#F18CFF

#9AFF8C

Analogous

#B88CFF

#FF8CD4

#F18CFF

Triadic

#F18CFF

#FFF18C

#8CFFF1

Split Complementary

#F18CFF

#D4FF8C

#8CFFB8

Tetradic

#F18CFF

#FFB88C

#9AFF8C

#8CD4FF

Color Blindness Simulation

Original

#F18CFF

Protanopia

#C5C4E3

Deuteranopia

#CBD3DC

Tritanopia

#ECCDC8

Achromatopsia

#AAAAAA

CSS Usage

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

Tailwind Shades

50
#FCF1FE
100
#F9DEFC
200
#F6B8FF
300
#F085FF
400
#E842FF
500
#E000FF
600
#B300CC
700
#8F00A3
800
#700080
900
#51055C
950
#33033A

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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