#B9BCF8

#B9BCF8

Overview

#B9BCF8 is a cool, light color. In RGB it is 185, 188, 248, in HSL 237.1°, 81.8%, 84.9%, and in CMYK 25.4%, 24.2%, 0.0%, 2.7%. The nearest named color is NCS S 0520-R80B Light Lavender.

On this page

ค่าสี

HEX

#B9BCF8

RGB

185, 188, 248

HSL

237.1, 81.8%, 84.9%

HSV

237.1, 25.4%, 97.3%

CMYK

25.4%, 24.2%, 0.0%, 2.7%

OKLCH

0.8139 0.0844 282.1

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#B9BCF8

#F8F5B9

สีใกล้เคียง

#B9DCF8

#D5B9F8

#B9BCF8

สามสี

#B9BCF8

#F8B9BC

#BCF8B9

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

#B9BCF8

#F8D5B9

#DCF8B9

สี่สี

#B9BCF8

#F8B9DC

#F8F5B9

#B9F8D5

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

ต้นฉบับ

#B9BCF8

ตาบอดสีแดง

#BABAE9

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

#BABAE6

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

#B9DEDC

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

#C0C0C0

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F2F3FD
100
#E1E2FA
200
#BEC1F9
300
#9095F4
400
#535BEE
500
#1721E8
600
#131BB9
700
#0F1594
800
#0C1174
900
#0D1054
950
#080A35

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

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

1.81:1

AA Fail AAA Fail

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

11.61:1

AA Pass AAA Pass

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

#B9BCF8
#F8F5B9
#B9BCF8
#FFFFFF
#000000
#B9BCF8

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #B9BCF8?

RGB(185, 188, 248) · HSL(237.1, 81.8%, 84.9%) · CMYK(25.4%, 24.2%, 0.0%, 2.7%)

Does #B9BCF8 meet WCAG contrast on white?

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

What text color is readable on #B9BCF8?

Use 000000 text on a #B9BCF8 background; contrast on black is 11.61:1.