#B336D3

#B336D3

Overview

#B336D3 is a cool, dark color. In RGB it is 179, 54, 211, in HSL 287.8°, 64.1%, 52.0%, and in CMYK 15.2%, 74.4%, 0.0%, 17.3%. The nearest named color is darkorchid 3.

On this page

ค่าสี

HEX

#B336D3

RGB

179, 54, 211

HSL

287.8, 64.1%, 52.0%

HSV

287.8, 74.4%, 82.7%

CMYK

15.2%, 74.4%, 0.0%, 17.3%

OKLCH

0.5842 0.238 318.4

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: darkorchid 3

จิตวิทยาสี

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.

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

สีตรงข้าม

#B336D3

#56D336

สีใกล้เคียง

#6536D3

#D336A5

#B336D3

สามสี

#B336D3

#D3B336

#36D3B3

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

#B336D3

#A5D336

#36D365

สี่สี

#B336D3

#D36536

#56D336

#36A5D3

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

ต้นฉบับ

#B336D3

ตาบอดสีแดง

#7D7CAD

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

#848EA4

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

#AD8F88

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

#5C5C5C

การใช้งาน CSS

background-color: #B336D3;

color: #B336D3;

border-color: #B336D3;

Tailwind ที่ใกล้เคียงที่สุด: Fuchsia 600 #C026D3

เฉดสี Tailwind

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

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

4.79:1

AA Pass AAA Fail

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

4.39:1

AA Fail AAA Fail

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

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

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

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 #B336D3?

RGB(179, 54, 211) · HSL(287.8, 64.1%, 52.0%) · CMYK(15.2%, 74.4%, 0.0%, 17.3%)

Does #B336D3 meet WCAG contrast on white?

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

What text color is readable on #B336D3?

Use FFFFFF text on a #B336D3 background; contrast on black is 4.39:1.