#B3CAEB

#B3CAEB

Overview

#B3CAEB is a cool, light color. In RGB it is 179, 202, 235, in HSL 215.4°, 58.3%, 81.2%, and in CMYK 23.8%, 14.0%, 0.0%, 7.8%. The nearest named color is lightsteelblue 2.

On this page

ค่าสี

HEX

#B3CAEB

RGB

179, 202, 235

HSL

215.4, 58.3%, 81.2%

HSV

215.4, 23.8%, 92.2%

CMYK

23.8%, 14.0%, 0.0%, 7.8%

OKLCH

0.8327 0.0528 257.4

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: lightsteelblue 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.

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

สีตรงข้าม

#B3CAEB

#EBD4B3

สีใกล้เคียง

#B3E6EB

#B8B3EB

#B3CAEB

สามสี

#B3CAEB

#EBB3CA

#CAEBB3

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

#B3CAEB

#EBB8B3

#E6EBB3

สี่สี

#B3CAEB

#EBB3E6

#EBD4B3

#B3EBB8

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

ต้นฉบับ

#B3CAEB

ตาบอดสีแดง

#BDBDE3

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

#BCBAE1

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

#B4DDDB

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

#C7C7C7

การใช้งาน CSS

background-color: #B3CAEB;
color: #B3CAEB;
border-color: #B3CAEB;
Tailwind ที่ใกล้เคียงที่สุด: Blue 200 #BFDBFE

เฉดสี Tailwind

50
#F4F7FB
100
#E4ECF6
200
#C6D8F0
300
#9EBBE5
400
#6A97D8
500
#3572CA
600
#2B5BA1
700
#224981
800
#1B3965
900
#172C4A
950
#0F1C2F

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

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

1.67:1

AA Fail AAA Fail

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

12.56:1

AA Pass AAA Pass

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

#B3CAEB
#EBD4B3
#B3CAEB
#FFFFFF
#000000
#B3CAEB

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

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

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

RGB(179, 202, 235) · HSL(215.4, 58.3%, 81.2%) · CMYK(23.8%, 14.0%, 0.0%, 7.8%)

Does #B3CAEB meet WCAG contrast on white?

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

What text color is readable on #B3CAEB?

Use 000000 text on a #B3CAEB background; contrast on black is 12.56:1.