#6ABBF2

#6ABBF2

Overview

#6ABBF2 is a cool, light color. In RGB it is 106, 187, 242, in HSL 204.3°, 84.0%, 68.2%, and in CMYK 56.2%, 22.7%, 0.0%, 5.1%. The nearest named color is skyblue 2.

On this page

ค่าสี

HEX

#6ABBF2

RGB

106, 187, 242

HSL

204.3, 84.0%, 68.2%

HSV

204.3, 56.2%, 94.9%

CMYK

56.2%, 22.7%, 0.0%, 5.1%

OKLCH

0.7621 0.1123 240.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#6ABBF2

#F2A16A

สีใกล้เคียง

#6AF2E5

#6A77F2

#6ABBF2

สามสี

#6ABBF2

#F26ABB

#BBF26A

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

#6ABBF2

#F26A77

#F2E56A

สี่สี

#6ABBF2

#E56AF2

#F2A16A

#77F26A

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

ต้นฉบับ

#6ABBF2

ตาบอดสีแดง

#8D8EE5

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

#8882E1

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

#6EDAD8

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

#AEAEAE

การใช้งาน CSS

background-color: #6ABBF2;
color: #6ABBF2;
border-color: #6ABBF2;
Tailwind ที่ใกล้เคียงที่สุด: Sky 400 #38BDF8

เฉดสี Tailwind

50
#F2F8FD
100
#E0F0FA
200
#BDE1F9
300
#8ECCF5
400
#51B0F0
500
#1494EB
600
#1076BC
700
#0D5F96
800
#0A4A75
900
#0C3755
950
#072336

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

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

2.1:1

AA Fail AAA Fail

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

10.0:1

AA Pass AAA Pass

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

#6ABBF2
#F2A16A
#6ABBF2
#FFFFFF
#000000
#6ABBF2

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

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

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 #6ABBF2?

RGB(106, 187, 242) · HSL(204.3, 84.0%, 68.2%) · CMYK(56.2%, 22.7%, 0.0%, 5.1%)

Does #6ABBF2 meet WCAG contrast on white?

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

What text color is readable on #6ABBF2?

Use 000000 text on a #6ABBF2 background; contrast on black is 10.0:1.