#A1ABCC

#A1ABCC

Overview

#A1ABCC is a cool, light color. In RGB it is 161, 171, 204, in HSL 226.0°, 29.7%, 71.6%, and in CMYK 21.1%, 16.2%, 0.0%, 20.0%. The nearest named color is Wild Blue Yonder.

On this page

ค่าสี

HEX

#A1ABCC

RGB

161, 171, 204

HSL

226.0, 29.7%, 71.6%

HSV

226.0, 21.1%, 80.0%

CMYK

21.1%, 16.2%, 0.0%, 20.0%

OKLCH

0.7445 0.0489 271.9

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#A1ABCC

#CCC2A1

สีใกล้เคียง

#A1C1CC

#ADA1CC

#A1ABCC

สามสี

#A1ABCC

#CCA1AB

#ABCCA1

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

#A1ABCC

#CCADA1

#C1CCA1

สี่สี

#A1ABCC

#CCA1C1

#CCC2A1

#A1CCAD

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

ต้นฉบับ

#A1ABCC

ตาบอดสีแดง

#A5A5C4

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

#A5A4C2

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

#A2BEBC

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

#ABABAB

การใช้งาน CSS

background-color: #A1ABCC;
color: #A1ABCC;
border-color: #A1ABCC;
Tailwind ที่ใกล้เคียงที่สุด: Slate 400 #94A3B8

เฉดสี Tailwind

50
#F5F6F9
100
#E9EBF2
200
#D1D6E6
300
#B0B8D4
400
#8592BD
500
#5A6BA5
600
#485684
700
#39456A
800
#2D3653
900
#232A3D
950
#161A27

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

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

2.28:1

AA Fail AAA Fail

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

9.21:1

AA Pass AAA Pass

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

#A1ABCC
#CCC2A1
#A1ABCC
#FFFFFF
#000000
#A1ABCC

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

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

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

RGB(161, 171, 204) · HSL(226.0, 29.7%, 71.6%) · CMYK(21.1%, 16.2%, 0.0%, 20.0%)

Does #A1ABCC meet WCAG contrast on white?

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

What text color is readable on #A1ABCC?

Use 000000 text on a #A1ABCC background; contrast on black is 9.21:1.