#A2BAE5

#A2BAE5

Overview

#A2BAE5 is a cool, light color. In RGB it is 162, 186, 229, in HSL 218.5°, 56.3%, 76.7%, and in CMYK 29.3%, 18.8%, 0.0%, 10.2%. The nearest named color is NCS S 0520-R80B Light Lavender.

On this page

ค่าสี

HEX

#A2BAE5

RGB

162, 186, 229

HSL

218.5, 56.3%, 76.7%

HSV

218.5, 29.3%, 89.8%

CMYK

29.3%, 18.8%, 0.0%, 10.2%

OKLCH

0.7858 0.067 262.0

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#A2BAE5

#E5CDA2

สีใกล้เคียง

#A2DCE5

#ACA2E5

#A2BAE5

สามสี

#A2BAE5

#E5A2BA

#BAE5A2

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

#A2BAE5

#E5ACA2

#DCE5A2

สี่สี

#A2BAE5

#E5A2DC

#E5CDA2

#A2E5AC

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

ต้นฉบับ

#A2BAE5

ตาบอดสีแดง

#ACADDB

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

#ABA9D8

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

#A3D2D1

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

#B8B8B8

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F4F6FB
100
#E5EBF6
200
#C7D6EF
300
#9FB8E4
400
#6C92D6
500
#386BC7
600
#2D569F
700
#244580
800
#1C3664
900
#182949
950
#0F1A2E

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

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

1.96:1

AA Fail AAA Fail

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

10.69:1

AA Pass AAA Pass

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

#A2BAE5
#E5CDA2
#A2BAE5
#FFFFFF
#000000
#A2BAE5

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

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

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

RGB(162, 186, 229) · HSL(218.5, 56.3%, 76.7%) · CMYK(29.3%, 18.8%, 0.0%, 10.2%)

Does #A2BAE5 meet WCAG contrast on white?

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

What text color is readable on #A2BAE5?

Use 000000 text on a #A2BAE5 background; contrast on black is 10.69:1.