#AB8CE3

#AB8CE3

Overview

#AB8CE3 is a cool, light color. In RGB it is 171, 140, 227, in HSL 261.4°, 60.8%, 72.0%, and in CMYK 24.7%, 38.3%, 0.0%, 11.0%. The nearest named color is NCS S 1040-R60B Orchid.

On this page

ค่าสี

HEX

#AB8CE3

RGB

171, 140, 227

HSL

261.4, 60.8%, 72.0%

HSV

261.4, 38.3%, 89.0%

CMYK

24.7%, 38.3%, 0.0%, 11.0%

OKLCH

0.7025 0.1278 299.5

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#AB8CE3

#C4E38C

สีใกล้เคียง

#8C99E3

#D78CE3

#AB8CE3

สามสี

#AB8CE3

#E3AB8C

#8CE3AB

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

#AB8CE3

#E3D78C

#99E38C

สี่สี

#AB8CE3

#E38C99

#C4E38C

#8CE3D7

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

ต้นฉบับ

#AB8CE3

ตาบอดสีแดง

#9E9DCE

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

#9FA2C9

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

#A9BDBA

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

#999999

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F6F3FB
100
#EBE4F6
200
#D5C6F1
300
#B79DE7
400
#9067DA
500
#6932CD
600
#5428A4
700
#432083
800
#351967
900
#29164B
950
#1A0E2F

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

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

2.77:1

AA Fail AAA Fail

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

7.59:1

AA Pass AAA Pass

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

#AB8CE3
#C4E38C
#AB8CE3
#FFFFFF
#000000
#AB8CE3

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

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

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

RGB(171, 140, 227) · HSL(261.4, 60.8%, 72.0%) · CMYK(24.7%, 38.3%, 0.0%, 11.0%)

Does #AB8CE3 meet WCAG contrast on white?

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

What text color is readable on #AB8CE3?

Use 000000 text on a #AB8CE3 background; contrast on black is 7.59:1.