#BCC5DF

#BCC5DF

ค่าสี

HEX

#BCC5DF

RGB

188, 197, 223

HSL

224.6, 35.4%, 80.6%

HSV

224.6, 15.7%, 87.5%

CMYK

15.7%, 11.7%, 0.0%, 12.5%

OKLCH

0.8247 0.0378 270.4

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#BCC5DF

#DFD6BC

สีใกล้เคียง

#BCD7DF

#C5BCDF

#BCC5DF

สามสี

#BCC5DF

#DFBCC5

#C5DFBC

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

#BCC5DF

#DFC5BC

#D7DFBC

สี่สี

#BCC5DF

#DFBCD7

#DFD6BC

#BCDFC5

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

ต้นฉบับ

#BCC5DF

ตาบอดสีแดง

#C0C0D9

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

#BFBFD7

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

#BCD4D3

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

#C5C5C5

การใช้งาน CSS

background-color: #BCC5DF;
color: #BCC5DF;
border-color: #BCC5DF;
Tailwind ที่ใกล้เคียงที่สุด: Slate 300 #CBD5E1

เฉดสี Tailwind

50
#F5F6FA
100
#E8EBF3
200
#CFD5E8
300
#ACB7D7
400
#7F90C2
500
#526AAD
600
#42548A
700
#35446E
800
#293556
900
#212940
950
#151A28

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

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

1.72:1

AA Fail AAA Fail

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

12.19:1

AA Pass AAA Pass

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

#BCC5DF
#DFD6BC
#BCC5DF
#FFFFFF
#000000
#BCC5DF

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

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

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

RGB(188, 197, 223) · HSL(224.6, 35.4%, 80.6%) · CMYK(15.7%, 11.7%, 0.0%, 12.5%)

Does #BCC5DF meet WCAG contrast on white?

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

What text color is readable on #BCC5DF?

Use 000000 text on a #BCC5DF background; contrast on black is 12.19:1.