#96B6DB

#96B6DB

Overview

#96B6DB is a cool, light color. In RGB it is 150, 182, 219, in HSL 212.2°, 48.9%, 72.4%, and in CMYK 31.5%, 16.9%, 0.0%, 14.1%. The nearest named color is Wild Blue Yonder.

On this page

ค่าสี

HEX

#96B6DB

RGB

150, 182, 219

HSL

212.2, 48.9%, 72.4%

HSV

212.2, 31.5%, 85.9%

CMYK

31.5%, 16.9%, 0.0%, 14.1%

OKLCH

0.7655 0.0638 252.3

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#96B6DB

#DBBB96

สีใกล้เคียง

#96D9DB

#9996DB

#96B6DB

สามสี

#96B6DB

#DB96B6

#B6DB96

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

#96B6DB

#DB9996

#D9DB96

สี่สี

#96B6DB

#DB96D9

#DBBB96

#96DB99

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

ต้นฉบับ

#96B6DB

ตาบอดสีแดง

#A4A4D2

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

#A2A0D0

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

#98CBC9

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

#B2B2B2

การใช้งาน CSS

background-color: #96B6DB;
color: #96B6DB;
border-color: #96B6DB;
Tailwind ที่ใกล้เคียงที่สุด: Slate 400 #94A3B8

เฉดสี Tailwind

50
#F4F7FB
100
#E6EDF5
200
#CADAED
300
#A4C0E0
400
#739DCF
500
#417BBE
600
#346298
700
#2A4F7A
800
#213D5F
900
#1B2F46
950
#111E2C

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

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

2.1:1

AA Fail AAA Fail

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

10.01:1

AA Pass AAA Pass

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

#96B6DB
#DBBB96
#96B6DB
#FFFFFF
#000000
#96B6DB

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

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

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 #96B6DB?

RGB(150, 182, 219) · HSL(212.2, 48.9%, 72.4%) · CMYK(31.5%, 16.9%, 0.0%, 14.1%)

Does #96B6DB meet WCAG contrast on white?

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

What text color is readable on #96B6DB?

Use 000000 text on a #96B6DB background; contrast on black is 10.01:1.