#F653EA

#F653EA

Color Values

HEX

#F653EA

RGB

246, 83, 234

HSL

304.4, 90.1%, 64.5%

HSV

304.4, 66.3%, 96.5%

CMYK

0.0%, 66.3%, 4.9%, 3.5%

OKLCH

0.7153 0.2541 331.0

Properties

Color Psychology

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

Color Harmonies

Color Blindness Simulation

CSS Usage

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

Tailwind Shades

Contrast Checker

Text on white

2.86:1

AA Fail AAA Fail

Text on black

7.34:1

AA Pass AAA Pass

Compare With

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #F653EA?

RGB(246, 83, 234) · HSL(304.4, 90.1%, 64.5%) · CMYK(0.0%, 66.3%, 4.9%, 3.5%)

Does #F653EA meet WCAG contrast on white?

2.86:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #F653EA?

Use 000000 text on a #F653EA background; contrast on black is 7.34:1.