#AB83FE

#AB83FE

Overview

#AB83FE is a cool, light color. In RGB it is 171, 131, 254, in HSL 259.5°, 98.4%, 75.5%, and in CMYK 32.7%, 48.4%, 0.0%, 0.4%. The nearest named color is mediumpurple 1.

On this page

ค่าสี

HEX

#AB83FE

RGB

171, 131, 254

HSL

259.5, 98.4%, 75.5%

HSV

259.5, 48.4%, 99.6%

CMYK

32.7%, 48.4%, 0.0%, 0.4%

OKLCH

0.7011 0.1766 296.6

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#AB83FE

#D6FE83

สีใกล้เคียง

#8399FE

#E883FE

#AB83FE

สามสี

#AB83FE

#FEAB83

#83FEAB

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

#AB83FE

#FEE883

#99FE83

สี่สี

#AB83FE

#FE8399

#D6FE83

#83FEE8

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

ต้นฉบับ

#AB83FE

ตาบอดสีแดง

#9A99E0

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

#9C9FD9

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

#A9C9C4

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

#949494

การใช้งาน CSS

background-color: #AB83FE;
color: #AB83FE;
border-color: #AB83FE;
Tailwind ที่ใกล้เคียงที่สุด: Purple 400 #C084FC

เฉดสี Tailwind

50
#F5F1FE
100
#E8DEFC
200
#CFB8FE
300
#AD86FE
400
#8044FD
500
#5402FD
600
#4302CA
700
#3501A2
800
#2A017E
900
#21065B
950
#15043A

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

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

2.83:1

AA Fail AAA Fail

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

7.41:1

AA Pass AAA Pass

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

#AB83FE
#D6FE83
#AB83FE
#FFFFFF
#000000
#AB83FE

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

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

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 #AB83FE?

RGB(171, 131, 254) · HSL(259.5, 98.4%, 75.5%) · CMYK(32.7%, 48.4%, 0.0%, 0.4%)

Does #AB83FE meet WCAG contrast on white?

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

What text color is readable on #AB83FE?

Use 000000 text on a #AB83FE background; contrast on black is 7.41:1.