#F061FA

#F061FA

Color Values

HEX

#F061FA

RGB

240, 97, 250

HSL

296.1, 93.9%, 68.0%

HSV

296.1, 61.2%, 98.0%

CMYK

4.0%, 61.2%, 0.0%, 2.0%

OKLCH

0.7293 0.2461 325.1

Properties

Cool Light Nearest: mediumorchid 1

Color Harmonies

Complementary

#F061FA

#6BFA61

Analogous

#A361FA

#FA61B7

#F061FA

Triadic

#F061FA

#FAF061

#61FAF0

Split Complementary

#F061FA

#B7FA61

#61FAA3

Tetradic

#F061FA

#FAA361

#6BFA61

#61B7FA

Color Blindness Simulation

Original

#F061FA

Protanopia

#B2B1D5

Deuteranopia

#BAC5CC

Tritanopia

#E9B8B1

Achromatopsia

#8A8A8A

CSS Usage

background-color: #F061FA;
color: #F061FA;
border-color: #F061FA;
Nearest Tailwind: Fuchsia 500 #D946EF

Tailwind Shades

50
#FDF1FD
100
#FADFFB
200
#F8BAFD
300
#F488FB
400
#EE48F9
500
#E808F7
600
#B906C6
700
#94059E
800
#74047C
900
#540859
950
#350538

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

7.8:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026