#8BAFF9

#8BAFF9

Overview

#8BAFF9 is a cool, light color. In RGB it is 139, 175, 249, in HSL 220.4°, 90.2%, 76.1%, and in CMYK 44.2%, 29.7%, 0.0%, 2.4%. The nearest named color is steelblue 1.

On this page

ค่าสี

HEX

#8BAFF9

RGB

139, 175, 249

HSL

220.4, 90.2%, 76.1%

HSV

220.4, 44.2%, 97.6%

CMYK

44.2%, 29.7%, 0.0%, 2.4%

OKLCH

0.7568 0.1143 264.0

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#8BAFF9

#F9D58B

สีใกล้เคียง

#8BE6F9

#9E8BF9

#8BAFF9

สามสี

#8BAFF9

#F98BAF

#AFF98B

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

#8BAFF9

#F99E8B

#E6F98B

สี่สี

#8BAFF9

#F98BE6

#F9D58B

#8BF99E

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

ต้นฉบับ

#8BAFF9

ตาบอดสีแดง

#9B9BE7

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

#9896E3

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

#8DD9D6

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

#ADADAD

การใช้งาน CSS

background-color: #8BAFF9;
color: #8BAFF9;
border-color: #8BAFF9;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 300 #A5B4FC

เฉดสี Tailwind

50
#F1F5FD
100
#DFE8FB
200
#BBD0FC
300
#8BAFF9
400
#4C83F6
500
#0C58F3
600
#0A46C2
700
#08389B
800
#062C79
900
#092358
950
#061637

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

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

2.19:1

AA Fail AAA Fail

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

9.6:1

AA Pass AAA Pass

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

#8BAFF9
#F9D58B
#8BAFF9
#FFFFFF
#000000
#8BAFF9

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

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

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 #8BAFF9?

RGB(139, 175, 249) · HSL(220.4, 90.2%, 76.1%) · CMYK(44.2%, 29.7%, 0.0%, 2.4%)

Does #8BAFF9 meet WCAG contrast on white?

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

What text color is readable on #8BAFF9?

Use 000000 text on a #8BAFF9 background; contrast on black is 9.6:1.