#A2C9DF

#A2C9DF

Overview

#A2C9DF is a cool, light color. In RGB it is 162, 201, 223, in HSL 201.6°, 48.8%, 75.5%, and in CMYK 27.4%, 9.9%, 0.0%, 12.5%. The nearest named color is NCS S 0520-B Light Blue.

On this page

ค่าสี

HEX

#A2C9DF

RGB

162, 201, 223

HSL

201.6, 48.8%, 75.5%

HSV

201.6, 27.4%, 87.5%

CMYK

27.4%, 9.9%, 0.0%, 12.5%

OKLCH

0.8151 0.0518 233.0

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#A2C9DF

#DFB8A2

สีใกล้เคียง

#A2DFD6

#A2ABDF

#A2C9DF

สามสี

#A2C9DF

#DFA2C9

#C9DFA2

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

#A2C9DF

#DFA2AB

#DFD6A2

สี่สี

#A2C9DF

#D6A2DF

#DFB8A2

#ABDFA2

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

ต้นฉบับ

#A2C9DF

ตาบอดสีแดง

#B3B3DA

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

#B1AED8

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

#A4D5D5

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

#C2C2C2

การใช้งาน CSS

background-color: #A2C9DF;
color: #A2C9DF;
border-color: #A2C9DF;
Tailwind ที่ใกล้เคียงที่สุด: Sky 200 #BAE6FD

เฉดสี Tailwind

50
#F4F8FB
100
#E6EFF5
200
#CAE0ED
300
#A4CAE0
400
#73AECF
500
#4191BE
600
#347498
700
#2A5D79
800
#21485F
900
#1B3646
950
#11222C

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

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

1.76:1

AA Fail AAA Fail

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

11.96:1

AA Pass AAA Pass

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

#A2C9DF
#DFB8A2
#A2C9DF
#FFFFFF
#000000
#A2C9DF

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

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

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

RGB(162, 201, 223) · HSL(201.6, 48.8%, 75.5%) · CMYK(27.4%, 9.9%, 0.0%, 12.5%)

Does #A2C9DF meet WCAG contrast on white?

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

What text color is readable on #A2C9DF?

Use 000000 text on a #A2C9DF background; contrast on black is 11.96:1.