#97B7DC

#97B7DC

Overview

#97B7DC is a cool, light color. In RGB it is 151, 183, 220, in HSL 212.2°, 49.6%, 72.7%, and in CMYK 31.4%, 16.8%, 0.0%, 13.7%. The nearest named color is Wild Blue Yonder.

On this page

ค่าสี

HEX

#97B7DC

RGB

151, 183, 220

HSL

212.2, 49.6%, 72.7%

HSV

212.2, 31.4%, 86.3%

CMYK

31.4%, 16.8%, 0.0%, 13.7%

OKLCH

0.7687 0.0637 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.

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

สีตรงข้าม

#97B7DC

#DCBC97

สีใกล้เคียง

#97D9DC

#9997DC

#97B7DC

สามสี

#97B7DC

#DC97B7

#B7DC97

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

#97B7DC

#DC9997

#D9DC97

สี่สี

#97B7DC

#DC97D9

#DCBC97

#97DC99

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

ต้นฉบับ

#97B7DC

ตาบอดสีแดง

#A5A5D3

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

#A3A1D1

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

#99CCCA

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

#B3B3B3

การใช้งาน CSS

background-color: #97B7DC;
color: #97B7DC;
border-color: #97B7DC;
Tailwind ที่ใกล้เคียงที่สุด: Blue 300 #93C5FD

เฉดสี Tailwind

50
#F4F7FB
100
#E6EDF5
200
#CADAED
300
#A3C0E0
400
#729DCF
500
#407BBF
600
#336299
700
#294F7A
800
#203D5F
900
#1B2F46
950
#111E2C

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

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

2.07:1

AA Fail AAA Fail

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

10.12:1

AA Pass AAA Pass

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

#97B7DC
#DCBC97
#97B7DC
#FFFFFF
#000000
#97B7DC

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

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

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 #97B7DC?

RGB(151, 183, 220) · HSL(212.2, 49.6%, 72.7%) · CMYK(31.4%, 16.8%, 0.0%, 13.7%)

Does #97B7DC meet WCAG contrast on white?

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

What text color is readable on #97B7DC?

Use 000000 text on a #97B7DC background; contrast on black is 10.12:1.