#BA5EC7

#BA5EC7

색상 값

HEX

#BA5EC7

RGB

186, 94, 199

HSL

292.6, 48.4%, 57.5%

HSV

292.6, 52.8%, 78.0%

CMYK

6.5%, 52.8%, 0.0%, 22.0%

OKLCH

0.6308 0.1774 322.5

속성

차가운 밝은 가장 가까운: orchid 3

색채 심리학

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.

색상 조화

보색

#BA5EC7

#6BC75E

유사색

#865EC7

#C75EA0

#BA5EC7

3색 조화

#BA5EC7

#C7BA5E

#5EC7BA

분리 보색

#BA5EC7

#A0C75E

#5EC786

4색 조화

#BA5EC7

#C7865E

#6BC75E

#5EA0C7

색각 이상 시뮬레이션

원본

#BA5EC7

제1색각이상

#9291AE

제2색각이상

#989EA7

제3색각이상

#B59A95

전색맹

#797979

CSS 사용법

background-color: #BA5EC7;
color: #BA5EC7;
border-color: #BA5EC7;
가장 가까운 Tailwind: Fuchsia 400 #E879F9

Tailwind 쉐이드

50
#FAF4FA
100
#F3E6F4
200
#E8CAED
300
#D8A4DF
400
#C373CE
500
#AE42BD
600
#8B3597
700
#6F2A79
800
#57215F
900
#401B46
950
#29112C

대비 검사기

흰색 배경 텍스트

3.81:1

AA Fail AAA Fail

검정 배경 텍스트

5.51:1

AA Pass AAA Fail

비교하기

#BA5EC7
#6BC75E
#BA5EC7
#FFFFFF
#000000
#BA5EC7

관련 글

튜토리얼

CSS color-mix(): 브라우저에서 기본적으로 색상 혼합

1월 26, 2026
튜토리얼

처음부터 색상 선택기 웹 구성 요소 구축

1월 21, 2026
튜토리얼

지각 색상 공간: Lab, LCH, Oklab, OKLCH

1월 15, 2026

자주 묻는 질문

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

RGB(186, 94, 199) · HSL(292.6, 48.4%, 57.5%) · CMYK(6.5%, 52.8%, 0.0%, 22.0%)

Does #BA5EC7 meet WCAG contrast on white?

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

What text color is readable on #BA5EC7?

Use 000000 text on a #BA5EC7 background; contrast on black is 5.51:1.