#AB62EC

#AB62EC

Overview

#AB62EC is a cool, light color. In RGB it is 171, 98, 236, in HSL 271.7°, 78.4%, 65.5%, and in CMYK 27.5%, 58.5%, 0.0%, 7.5%. The nearest named color is mediumorchid.

On this page

ค่าสี

HEX

#AB62EC

RGB

171, 98, 236

HSL

271.7, 78.4%, 65.5%

HSV

271.7, 58.5%, 92.5%

CMYK

27.5%, 58.5%, 0.0%, 7.5%

OKLCH

0.6399 0.204 305.8

คุณสมบัติ

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

จิตวิทยาสี

True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.

Design Usage

Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.

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

สีตรงข้าม

#AB62EC

#A3EC62

สีใกล้เคียง

#6662EC

#EC62E8

#AB62EC

สามสี

#AB62EC

#ECAB62

#62ECAB

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

#AB62EC

#E8EC62

#62EC66

สี่สี

#AB62EC

#EC6662

#A3EC62

#62E8EC

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

ต้นฉบับ

#AB62EC

ตาบอดสีแดง

#8B8BCB

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

#9095C3

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

#A7B0AA

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

#7B7B7B

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F8F2FC
100
#EEE1F9
200
#DDBFF7
300
#C592F2
400
#A557EB
500
#851CE3
600
#6B16B6
700
#551292
800
#430E72
900
#320E53
950
#200934

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

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

3.69:1

AA Fail AAA Fail

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

5.69:1

AA Pass AAA Fail

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

#AB62EC
#A3EC62
#AB62EC
#FFFFFF
#000000
#AB62EC

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

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

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

RGB(171, 98, 236) · HSL(271.7, 78.4%, 65.5%) · CMYK(27.5%, 58.5%, 0.0%, 7.5%)

Does #AB62EC meet WCAG contrast on white?

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

What text color is readable on #AB62EC?

Use 000000 text on a #AB62EC background; contrast on black is 5.69:1.