#F050EB

#F050EB

Color Values

HEX

#F050EB

RGB

240, 80, 235

HSL

301.9, 84.2%, 62.7%

HSV

301.9, 66.7%, 94.1%

CMYK

0.0%, 66.7%, 2.1%, 5.9%

OKLCH

0.7048 0.2553 329.2

Properties

Warm Light Nearest: Purple Pizzazz

Color Harmonies

Complementary

#F050EB

#50F055

Analogous

#A550F0

#F0509B

#F050EB

Triadic

#F050EB

#EBF050

#50EBF0

Split Complementary

#F050EB

#9BF050

#50F0A5

Tetradic

#F050EB

#F0A550

#50F055

#509BF0

Color Blindness Simulation

Original

#F050EB

Protanopia

#ABA9C6

Deuteranopia

#B4C0BC

Tritanopia

#E8A8A1

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FDF2FC
100
#FAE0F9
200
#F9BDF7
300
#F58EF2
400
#F051EB
500
#EB14E4
600
#BC10B6
700
#960D92
800
#750A72
900
#550C53
950
#360734

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.05:1

AA Pass AAA Pass

Related Articles

Tutorials

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

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026