#B84BDA

#B84BDA

Overview

#B84BDA is a cool, light color. In RGB it is 184, 75, 218, in HSL 285.7°, 65.9%, 57.5%, and in CMYK 15.6%, 65.6%, 0.0%, 14.5%. The nearest named color is mediumorchid 2.

On this page

ค่าสี

HEX

#B84BDA

RGB

184, 75, 218

HSL

285.7, 65.9%, 57.5%

HSV

285.7, 65.6%, 85.5%

CMYK

15.6%, 65.6%, 0.0%, 14.5%

OKLCH

0.6155 0.2217 317.2

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: mediumorchid 2

จิตวิทยาสี

True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.

Design Usage

Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.

ความกลมกลืนของสี

สีตรงข้าม

#B84BDA

#6DDA4B

สีใกล้เคียง

#714BDA

#DA4BB5

#B84BDA

สามสี

#B84BDA

#DAB84B

#4BDAB8

สีตรงข้ามแบบแยก

#B84BDA

#B5DA4B

#4BDA71

สี่สี

#B84BDA

#DA714B

#6DDA4B

#4BB5DA

การจำลองตาบอดสี

ต้นฉบับ

#B84BDA

ตาบอดสีแดง

#8988B7

ตาบอดสีเขียว

#8F97AF

ตาบอดสีน้ำเงิน

#B39C96

ตาบอดสีทั้งหมด

#6C6C6C

การใช้งาน CSS

background-color: #B84BDA;
color: #B84BDA;
border-color: #B84BDA;
Tailwind ที่ใกล้เคียงที่สุด: Fuchsia 600 #C026D3

เฉดสี Tailwind

50
#FAF3FC
100
#F2E3F7
200
#E8C4F3
300
#D799EA
400
#C162DF
500
#AB2BD4
600
#8923A9
700
#6E1C87
800
#56166A
900
#3F144D
950
#280C31

ตรวจสอบความเปรียบต่าง

ข้อความบนพื้นขาว

4.15:1

AA Fail AAA Fail

ข้อความบนพื้นดำ

5.06:1

AA Pass AAA Fail

เปรียบเทียบกับ

#B84BDA
#6DDA4B
#B84BDA
#FFFFFF
#000000
#B84BDA

บทความที่เกี่ยวข้อง

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

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

RGB(184, 75, 218) · HSL(285.7, 65.9%, 57.5%) · CMYK(15.6%, 65.6%, 0.0%, 14.5%)

Does #B84BDA meet WCAG contrast on white?

4.15:1 — WCAG AA ไม่ผ่าน, AAA ไม่ผ่าน for normal text.

What text color is readable on #B84BDA?

Use 000000 text on a #B84BDA background; contrast on black is 5.06:1.