#A4BAC5

#A4BAC5

Overview

#A4BAC5 is a cool, light color. In RGB it is 164, 186, 197, in HSL 200.0°, 22.1%, 70.8%, and in CMYK 16.8%, 5.6%, 0.0%, 22.7%. The nearest named color is lightblue 3.

On this page

ค่าสี

HEX

#A4BAC5

RGB

164, 186, 197

HSL

200.0, 22.1%, 70.8%

HSV

200.0, 16.8%, 77.3%

CMYK

16.8%, 5.6%, 0.0%, 22.7%

OKLCH

0.7757 0.0288 229.3

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#A4BAC5

#C5AFA4

สีใกล้เคียง

#A4C5C0

#A4AAC5

#A4BAC5

สามสี

#A4BAC5

#C5A4BA

#BAC5A4

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

#A4BAC5

#C5A4AA

#C5C0A4

สี่สี

#A4BAC5

#C0A4C5

#C5AFA4

#AAC5A4

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

ต้นฉบับ

#A4BAC5

ตาบอดสีแดง

#AEAEC2

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

#ACABC2

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

#A5C0C0

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

#B6B6B6

การใช้งาน CSS

background-color: #A4BAC5;
color: #A4BAC5;
border-color: #A4BAC5;
Tailwind ที่ใกล้เคียงที่สุด: Gray 400 #9CA3AF

เฉดสี Tailwind

50
#F6F8F9
100
#EAEEF1
200
#D3DEE3
300
#B4C6CF
400
#8CA8B6
500
#63899C
600
#4F6E7D
700
#405864
800
#32444E
900
#27343A
950
#192125

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

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

2.02:1

AA Fail AAA Fail

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

10.41:1

AA Pass AAA Pass

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

#A4BAC5
#C5AFA4
#A4BAC5
#FFFFFF
#000000
#A4BAC5

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

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

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

RGB(164, 186, 197) · HSL(200.0, 22.1%, 70.8%) · CMYK(16.8%, 5.6%, 0.0%, 22.7%)

Does #A4BAC5 meet WCAG contrast on white?

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

What text color is readable on #A4BAC5?

Use 000000 text on a #A4BAC5 background; contrast on black is 10.41:1.