#976CAA

#976CAA

Overview

#976CAA is a cool, light color. In RGB it is 151, 108, 170, in HSL 281.6°, 26.7%, 54.5%, and in CMYK 11.2%, 36.5%, 0.0%, 33.3%. The nearest named color is Violet (Purple).

On this page

ค่าสี

HEX

#976CAA

RGB

151, 108, 170

HSL

281.6, 26.7%, 54.5%

HSV

281.6, 36.5%, 66.7%

CMYK

11.2%, 36.5%, 0.0%, 33.3%

OKLCH

0.5982 0.1034 315.1

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: Violet (Purple)

จิตวิทยาสี

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.

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

สีตรงข้าม

#976CAA

#7FAA6C

สีใกล้เคียง

#786CAA

#AA6C9E

#976CAA

สามสี

#976CAA

#AA976C

#6CAA97

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

#976CAA

#9EAA6C

#6CAA78

สี่สี

#976CAA

#AA786C

#7FAA6C

#6C9EAA

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

ต้นฉบับ

#976CAA

ตาบอดสีแดง

#84849B

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

#878A97

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

#958F8D

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

#7A7A7A

การใช้งาน CSS

background-color: #976CAA;

color: #976CAA;

border-color: #976CAA;

Tailwind ที่ใกล้เคียงที่สุด: Purple 300 #D8B4FE

เฉดสี Tailwind

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

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

4.17:1

AA Fail AAA Fail

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

5.04:1

AA Pass AAA Fail

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

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

บทเรียนแนะนำ

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

ม.ค. 26, 2026

บทเรียนแนะนำ

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

ม.ค. 21, 2026

บทเรียนแนะนำ

พื้นที่สีเชิงรับรู้: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026

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

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

RGB(151, 108, 170) · HSL(281.6, 26.7%, 54.5%) · CMYK(11.2%, 36.5%, 0.0%, 33.3%)

Does #976CAA meet WCAG contrast on white?

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

What text color is readable on #976CAA?

Use 000000 text on a #976CAA background; contrast on black is 5.04:1.