#F554BA

#F554BA

색상 값

HEX

#F554BA

RGB

245, 84, 186

HSL

322.0, 89.0%, 64.5%

HSV

322.0, 65.7%, 96.1%

CMYK

0.0%, 65.7%, 24.1%, 3.9%

OKLCH

0.6933 0.2205 345.4

속성

색채 심리학

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.

색상 조화

색각 이상 시뮬레이션

CSS 사용법

background-color: #F554BA;
color: #F554BA;
border-color: #F554BA;
가장 가까운 Tailwind: Pink 500 #EC4899

Tailwind 쉐이드

대비 검사기

흰색 배경 텍스트

3.06:1

AA Fail AAA Fail

검정 배경 텍스트

6.86:1

AA Pass AAA Fail

비교하기

관련 글

자주 묻는 질문

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

RGB(245, 84, 186) · HSL(322.0, 89.0%, 64.5%) · CMYK(0.0%, 65.7%, 24.1%, 3.9%)

Does #F554BA meet WCAG contrast on white?

3.06:1 — WCAG AA 실패, AAA 실패 for normal text.

What text color is readable on #F554BA?

Use 000000 text on a #F554BA background; contrast on black is 6.86:1.