#978AE7

#978AE7

Overview

#978AE7 is a cool, light color. In RGB it is 151, 138, 231, in HSL 248.4°, 66.0%, 72.4%, and in CMYK 34.6%, 40.3%, 0.0%, 9.4%. The nearest named color is mediumpurple.

On this page

ค่าสี

HEX

#978AE7

RGB

151, 138, 231

HSL

248.4, 66.0%, 72.4%

HSV

248.4, 40.3%, 90.6%

CMYK

34.6%, 40.3%, 0.0%, 9.4%

OKLCH

0.6835 0.1348 288.7

คุณสมบัติ

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

จิตวิทยาสี

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

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

สีตรงข้าม

#978AE7

#DAE78A

สีใกล้เคียง

#8AACE7

#C68AE7

#978AE7

สามสี

#978AE7

#E7978A

#8AE797

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

#978AE7

#E7C68A

#ACE78A

สี่สี

#978AE7

#E78AAC

#DAE78A

#8AE7C6

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

ต้นฉบับ

#978AE7

ตาบอดสีแดง

#9191D1

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

#9293CB

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

#96BFBB

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

#939393

การใช้งาน CSS

background-color: #978AE7;
color: #978AE7;
border-color: #978AE7;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 400 #818CF8

เฉดสี Tailwind

50
#F4F3FC
100
#E6E3F7
200
#CAC4F3
300
#A599EA
400
#7462DF
500
#432BD4
600
#3623A9
700
#2B1C87
800
#21166A
900
#1C144D
950
#120C31

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

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

2.96:1

AA Fail AAA Fail

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

7.11:1

AA Pass AAA Pass

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

#978AE7
#DAE78A
#978AE7
#FFFFFF
#000000
#978AE7

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

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

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 #978AE7?

RGB(151, 138, 231) · HSL(248.4, 66.0%, 72.4%) · CMYK(34.6%, 40.3%, 0.0%, 9.4%)

Does #978AE7 meet WCAG contrast on white?

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

What text color is readable on #978AE7?

Use 000000 text on a #978AE7 background; contrast on black is 7.11:1.