magenta
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity/FF00FF/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/color/FF00FF/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/FF00FF/)Use the native HTML custom element.
#FF00FF
CSS color
Overview
Magenta results from lighting the red and blue channels to their full extent while green stays dark: rgb(255, 0, 255), hex #FF00FF. Positioned at 300 degrees on the hue wheel, it is an additive secondary and the complement of green. CSS also recognizes it under the synonym fuchsia, and it belongs to the sixteen basic HTML colors. Magenta is notable for having no single dominant wavelength — the eye perceives it where the spectrum's red and violet ends are mixed, a non-spectral color that exists only as a combination. In subtractive printing it serves as one of the three primary inks, and combining magenta light with green returns a display to white.
Magenta (#FF00FF) is one of the three primary colors of the CMY(K) printing model—pure, fully saturated magenta at maximum RGB intensity. Equal parts red and blue light, it is a color that does not exist as a single wavelength in the visible spectrum but is perceived as an extra-spectral color between red and violet. It is visually electric and is used in fluorescent design, luxury branding, and bold digital palettes.
On this page
색상 값
#FF00FF
255, 0, 255
300.0, 100.0%, 50.0%
300.0, 100.0%, 100.0%
0.0%, 100.0%, 0.0%, 0.0%
0.7017 0.3225 328.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: #FF00FF;
color: #FF00FF;
border-color: #FF00FF;
Fuchsia 500
#D946EF
Tailwind 쉐이드
대비 검사기
흰색 배경 텍스트
3.14:1
검정 배경 텍스트
6.7:1
비교하기
포함된 컬렉션
관련 글
자주 묻는 질문
What are the RGB, HSL, and CMYK values of #FF00FF?
RGB(255, 0, 255) · HSL(300.0, 100.0%, 50.0%) · CMYK(0.0%, 100.0%, 0.0%, 0.0%)
Does #FF00FF meet WCAG contrast on white?
3.14:1 — WCAG AA 실패, AAA 실패 for normal text.
What text color is readable on #FF00FF?
Use 000000 text on a #FF00FF background; contrast on black is 6.7:1.