#AB63EE

#AB63EE

Overview

#AB63EE is a cool, light color. In RGB it is 171, 99, 238, in HSL 271.1°, 80.3%, 66.1%, and in CMYK 28.2%, 58.4%, 0.0%, 6.7%. The nearest named color is mediumorchid.

On this page

ค่าสี

HEX

#AB63EE

RGB

171, 99, 238

HSL

271.1, 80.3%, 66.1%

HSV

271.1, 58.4%, 93.3%

CMYK

28.2%, 58.4%, 0.0%, 6.7%

OKLCH

0.6425 0.2048 305.2

คุณสมบัติ

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

จิตวิทยาสี

Light purples and lavenders evoke romance, nostalgia, and gentle luxury. They are calming and slightly whimsical, often associated with springtime flowers and delicate fragrance. Lavender tones stimulate creativity and imagination while maintaining a sense of refinement.

Design Usage

Soft purple is popular in beauty brands, creative platforms, and children's educational apps. It creates distinctive card backgrounds and feature highlights that feel premium without being heavy. Pair it with sage green or warm gold for a sophisticated, trend-forward color combination.

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

สีตรงข้าม

#AB63EE

#A6EE63

สีใกล้เคียง

#6663EE

#EE63EB

#AB63EE

สามสี

#AB63EE

#EEAB63

#63EEAB

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

#AB63EE

#EBEE63

#63EE66

สี่สี

#AB63EE

#EE6663

#A6EE63

#63EBEE

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

ต้นฉบับ

#AB63EE

ตาบอดสีแดง

#8C8BCC

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

#9095C4

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

#A7B2AC

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

#7C7C7C

การใช้งาน CSS

background-color: #AB63EE;
color: #AB63EE;
border-color: #AB63EE;
Tailwind ที่ใกล้เคียงที่สุด: Purple 500 #A855F7

เฉดสี Tailwind

50
#F8F2FD
100
#EEE1F9
200
#DCBFF8
300
#C491F3
400
#A355EC
500
#8319E6
600
#6914B8
700
#541093
800
#420D73
900
#320D53
950
#1F0835

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

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

3.65:1

AA Fail AAA Fail

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

5.75:1

AA Pass AAA Fail

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

#AB63EE
#A6EE63
#AB63EE
#FFFFFF
#000000
#AB63EE

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

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

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

RGB(171, 99, 238) · HSL(271.1, 80.3%, 66.1%) · CMYK(28.2%, 58.4%, 0.0%, 6.7%)

Does #AB63EE meet WCAG contrast on white?

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

What text color is readable on #AB63EE?

Use 000000 text on a #AB63EE background; contrast on black is 5.75:1.