#A2B1DF

#A2B1DF

Overview

#A2B1DF is a cool, light color. In RGB it is 162, 177, 223, in HSL 225.2°, 48.8%, 75.5%, and in CMYK 27.4%, 20.6%, 0.0%, 12.5%. The nearest named color is NCS S 0520-R80B Light Lavender.

On this page

ค่าสี

HEX

#A2B1DF

RGB

162, 177, 223

HSL

225.2, 48.8%, 75.5%

HSV

225.2, 27.4%, 87.5%

CMYK

27.4%, 20.6%, 0.0%, 12.5%

OKLCH

0.7649 0.0683 270.7

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: NCS S 0520-R80B Light Lavender

จิตวิทยาสี

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.

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

สีตรงข้าม

#A2B1DF

#DFD0A2

สีใกล้เคียง

#A2D0DF

#B1A2DF

#A2B1DF

สามสี

#A2B1DF

#DFA2B1

#B1DFA2

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

#A2B1DF

#DFB1A2

#D0DFA2

สี่สี

#A2B1DF

#DFA2D0

#DFD0A2

#A2DFB1

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

ต้นฉบับ

#A2B1DF

ตาบอดสีแดง

#A8A9D4

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

#A8A6D1

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

#A3CBC9

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

#B1B1B1

การใช้งาน CSS

background-color: #A2B1DF;
color: #A2B1DF;
border-color: #A2B1DF;
Tailwind ที่ใกล้เคียงที่สุด: Blue 300 #93C5FD

เฉดสี Tailwind

50
#F4F6FB
100
#E6E9F5
200
#CAD2ED
300
#A4B3E0
400
#7389CF
500
#4160BE
600
#344D98
700
#2A3D79
800
#21305F
900
#1B2646
950
#11182C

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

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

2.12:1

AA Fail AAA Fail

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

9.89:1

AA Pass AAA Pass

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

#A2B1DF
#DFD0A2
#A2B1DF
#FFFFFF
#000000
#A2B1DF

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

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

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

RGB(162, 177, 223) · HSL(225.2, 48.8%, 75.5%) · CMYK(27.4%, 20.6%, 0.0%, 12.5%)

Does #A2B1DF meet WCAG contrast on white?

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

What text color is readable on #A2B1DF?

Use 000000 text on a #A2B1DF background; contrast on black is 9.89:1.