#9685CE

#9685CE

Overview

#9685CE is a cool, light color. In RGB it is 150, 133, 206, in HSL 254.0°, 42.7%, 66.5%, and in CMYK 27.2%, 35.4%, 0.0%, 19.2%. The nearest named color is Violet (Purple).

On this page

ค่าสี

HEX

#9685CE

RGB

150, 133, 206

HSL

254.0, 42.7%, 66.5%

HSV

254.0, 35.4%, 80.8%

CMYK

27.2%, 35.4%, 0.0%, 19.2%

OKLCH

0.6607 0.1078 293.9

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#9685CE

#BDCE85

สีใกล้เคียง

#8599CE

#BB85CE

#9685CE

สามสี

#9685CE

#CE9685

#85CE96

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

#9685CE

#CEBB85

#99CE85

สี่สี

#9685CE

#CE8599

#BDCE85

#85CEBB

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

ต้นฉบับ

#9685CE

ตาบอดสีแดง

#8F8EBC

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

#9091B8

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

#95AEAB

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

#8E8E8E

การใช้งาน CSS

background-color: #9685CE;
color: #9685CE;
border-color: #9685CE;
Tailwind ที่ใกล้เคียงที่สุด: Violet 300 #C4B5FD

เฉดสี Tailwind

50
#F6F5FA
100
#EAE7F4
200
#D3CCEB
300
#B4A8DC
400
#8B78C9
500
#6249B6
600
#4F3A92
700
#3F2F74
800
#31255B
900
#271E43
950
#18132A

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

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

3.21:1

AA Fail AAA Fail

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

6.54:1

AA Pass AAA Fail

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

#9685CE
#BDCE85
#9685CE
#FFFFFF
#000000
#9685CE

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

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

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 #9685CE?

RGB(150, 133, 206) · HSL(254.0, 42.7%, 66.5%) · CMYK(27.2%, 35.4%, 0.0%, 19.2%)

Does #9685CE meet WCAG contrast on white?

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

What text color is readable on #9685CE?

Use 000000 text on a #9685CE background; contrast on black is 6.54:1.