#976DA5

#976DA5

Overview

#976DA5 is a cool, light color. In RGB it is 151, 109, 165, in HSL 285.0°, 23.7%, 53.7%, and in CMYK 8.5%, 33.9%, 0.0%, 35.3%. The nearest named color is Violet (Purple).

On this page

ค่าสี

HEX

#976DA5

RGB

151, 109, 165

HSL

285.0, 23.7%, 53.7%

HSV

285.0, 33.9%, 64.7%

CMYK

8.5%, 33.9%, 0.0%, 35.3%

OKLCH

0.5978 0.0956 317.5

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#976DA5

#7BA56D

สีใกล้เคียง

#7B6DA5

#A56D97

#976DA5

สามสี

#976DA5

#A5976D

#6DA597

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

#976DA5

#97A56D

#6DA57B

สี่สี

#976DA5

#A57B6D

#7BA56D

#6D97A5

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

ต้นฉบับ

#976DA5

ตาบอดสีแดง

#858497

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

#878A94

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

#958D8A

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

#7A7A7A

การใช้งาน CSS

background-color: #976DA5;
color: #976DA5;
border-color: #976DA5;
Tailwind ที่ใกล้เคียงที่สุด: Purple 300 #D8B4FE

เฉดสี Tailwind

50
#F8F6F9
100
#EFEAF1
200
#E0D3E4
300
#C9B3D0
400
#AC8AB7
500
#8F619E
600
#724E7E
700
#5B3E65
800
#47314F
900
#36263B
950
#221825

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

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

4.16:1

AA Fail AAA Fail

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

5.05:1

AA Pass AAA Fail

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

#976DA5
#7BA56D
#976DA5
#FFFFFF
#000000
#976DA5

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

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

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 #976DA5?

RGB(151, 109, 165) · HSL(285.0, 23.7%, 53.7%) · CMYK(8.5%, 33.9%, 0.0%, 35.3%)

Does #976DA5 meet WCAG contrast on white?

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

What text color is readable on #976DA5?

Use 000000 text on a #976DA5 background; contrast on black is 5.05:1.