#B22A96

#B22A96

Overview

#B22A96 is a warm, dark color. In RGB it is 178, 42, 150, in HSL 312.4°, 61.8%, 43.1%, and in CMYK 0.0%, 76.4%, 15.7%, 30.2%. The nearest named color is maroon 3.

On this page

Color Values

HEX

#B22A96

RGB

178, 42, 150

HSL

312.4, 61.8%, 43.1%

HSV

312.4, 76.4%, 69.8%

CMYK

0.0%, 76.4%, 15.7%, 30.2%

OKLCH

0.5378 0.2033 337.9

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: #B22A96;
color: #B22A96;
border-color: #B22A96;
Nearest Tailwind: Fuchsia 800 #86198F

Tailwind Shades

Contrast Checker

Text on white

5.73:1

AA Pass AAA Fail

Text on black

3.66:1

AA Fail AAA Fail

Compare With

Related Articles

Frequently Asked Questions

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

RGB(178, 42, 150) · HSL(312.4, 61.8%, 43.1%) · CMYK(0.0%, 76.4%, 15.7%, 30.2%)

Does #B22A96 meet WCAG contrast on white?

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

What text color is readable on #B22A96?

Use FFFFFF text on a #B22A96 background; contrast on black is 3.66:1.