purple

#800080

CSS color

Purple (#800080) is the classic CSS purple — equal parts CSS red and blue, producing a medium-dark, vibrant violet-purple. Purple has carried royal, spiritual, and magical associations across cultures for millennia, historically derived from the rare Tyrian dye extracted from sea snails. Today CSS purple serves as a versatile, universally recognized "purple" in web design, from brand identities to UI accent colors.

색상 값

HEX

#800080

RGB

128, 0, 128

HSL

300.0, 100.0%, 25.1%

HSV

300.0, 100.0%, 50.2%

CMYK

0.0%, 100.0%, 0.0%, 49.8%

OKLCH

0.4209 0.1935 328.4

속성

따뜻한 어두운 가장 가까운: purple

색채 심리학

Dark magentas convey intensity, sensuality, and sophisticated allure. They combine the depth of purple with the energy of red, creating a rich emotional impact. These hues feel dramatic and confident, suggesting artistic mastery and creative depth.

Design Usage

Dark magentas add drama and sophistication to event branding and entertainment platforms. They work well in gradient transitions from dark to vibrant for immersive hero sections. Pair with dark backgrounds and bright accents for theatrical, high-contrast compositions.

색상 조화

색각 이상 시뮬레이션

CSS 사용법

background-color: #800080;
color: #800080;
border-color: #800080;
가장 가까운 Tailwind: Fuchsia 800 #86198F

Tailwind 쉐이드

대비 검사기

흰색 배경 텍스트

9.42:1

AA Pass AAA Pass

검정 배경 텍스트

2.23:1

AA Fail AAA Fail

비교하기

포함된 컬렉션

관련 글

자주 묻는 질문

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

RGB(128, 0, 128) · HSL(300.0, 100.0%, 25.1%) · CMYK(0.0%, 100.0%, 0.0%, 49.8%)

Does #800080 meet WCAG contrast on white?

9.42:1 — WCAG AA 통과, AAA 통과 for normal text.

What text color is readable on #800080?

Use FFFFFF text on a #800080 background; contrast on black is 2.23:1.