#9E86DC

#9E86DC

Overview

#9E86DC is a cool, light color. In RGB it is 158, 134, 220, in HSL 256.7°, 55.1%, 69.4%, and in CMYK 28.2%, 39.1%, 0.0%, 13.7%. The nearest named color is NCS S 1040-R60B Orchid.

On this page

ค่าสี

HEX

#9E86DC

RGB

158, 134, 220

HSL

256.7, 55.1%, 69.4%

HSV

256.7, 39.1%, 86.3%

CMYK

28.2%, 39.1%, 0.0%, 13.7%

OKLCH

0.6765 0.1262 295.7

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: NCS S 1040-R60B Orchid

จิตวิทยาสี

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.

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

สีตรงข้าม

#9E86DC

#C4DC86

สีใกล้เคียง

#8699DC

#C986DC

#9E86DC

สามสี

#9E86DC

#DC9E86

#86DC9E

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

#9E86DC

#DCC986

#99DC86

สี่สี

#9E86DC

#DC8699

#C4DC86

#86DCC9

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

ต้นฉบับ

#9E86DC

ตาบอดสีแดง

#9493C7

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

#9597C2

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

#9DB7B3

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

#919191

การใช้งาน CSS

background-color: #9E86DC;
color: #9E86DC;
border-color: #9E86DC;
Tailwind ที่ใกล้เคียงที่สุด: Violet 400 #A78BFA

เฉดสี Tailwind

50
#F6F4FB
100
#E9E5F6
200
#D3C8EF
300
#B3A0E4
400
#8A6DD5
500
#6039C6
600
#4D2E9E
700
#3E257F
800
#301D63
900
#261848
950
#180F2E

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

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

3.04:1

AA Fail AAA Fail

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

6.9:1

AA Pass AAA Fail

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

#9E86DC
#C4DC86
#9E86DC
#FFFFFF
#000000
#9E86DC

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

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

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 #9E86DC?

RGB(158, 134, 220) · HSL(256.7, 55.1%, 69.4%) · CMYK(28.2%, 39.1%, 0.0%, 13.7%)

Does #9E86DC meet WCAG contrast on white?

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

What text color is readable on #9E86DC?

Use 000000 text on a #9E86DC background; contrast on black is 6.9:1.