#F060EE

#F060EE

Color Values

HEX

#F060EE

RGB

240, 96, 238

HSL

300.8, 82.8%, 65.9%

HSV

300.8, 60.0%, 94.1%

CMYK

0.0%, 60.0%, 0.8%, 5.9%

OKLCH

0.7221 0.2377 328.2

Properties

Warm Light Nearest: Pink Flamingo

Color Harmonies

Complementary

#F060EE

#60F062

Analogous

#AA60F0

#F060A6

#F060EE

Triadic

#F060EE

#EEF060

#60EEF0

Split Complementary

#F060EE

#A6F060

#60F0AA

Tetradic

#F060EE

#F0AA60

#60F062

#60A6F0

Color Blindness Simulation

Original

#F060EE

Protanopia

#B2B0CC

Deuteranopia

#BAC5C3

Tritanopia

#E9B0AB

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#FDF2FD
100
#FAE1F9
200
#F9BEF8
300
#F48FF3
400
#EF53ED
500
#E916E6
600
#BA12B8
700
#950E93
800
#750B73
900
#550C54
950
#350835

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026