#66B6FD

#66B6FD

Overview

#66B6FD is a cool, light color. In RGB it is 102, 182, 253, in HSL 208.2°, 97.4%, 69.6%, and in CMYK 59.7%, 28.1%, 0.0%, 0.8%. The nearest named color is steelblue 1.

On this page

ค่าสี

HEX

#66B6FD

RGB

102, 182, 253

HSL

208.2, 97.4%, 69.6%

HSV

208.2, 59.7%, 99.2%

CMYK

59.7%, 28.1%, 0.0%, 0.8%

OKLCH

0.7545 0.1297 247.3

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#66B6FD

#FDAD66

สีใกล้เคียง

#66FDF8

#666BFD

#66B6FD

สามสี

#66B6FD

#FD66B6

#B6FD66

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

#66B6FD

#FD666B

#FDF866

สี่สี

#66B6FD

#F866FD

#FDAD66

#6BFD66

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

ต้นฉบับ

#66B6FD

ตาบอดสีแดง

#8989EC

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

#847EE8

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

#6ADEDB

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

#AAAAAA

การใช้งาน CSS

background-color: #66B6FD;
color: #66B6FD;
border-color: #66B6FD;
Tailwind ที่ใกล้เคียงที่สุด: Sky 500 #0EA5E9

เฉดสี Tailwind

50
#F1F8FE
100
#DEEEFC
200
#B9DDFE
300
#86C5FD
400
#45A6FD
500
#0387FC
600
#036CC9
700
#0256A1
800
#02437E
900
#06335B
950
#042039

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

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

2.17:1

AA Fail AAA Fail

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

9.67:1

AA Pass AAA Pass

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

#66B6FD
#FDAD66
#66B6FD
#FFFFFF
#000000
#66B6FD

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

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

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 #66B6FD?

RGB(102, 182, 253) · HSL(208.2, 97.4%, 69.6%) · CMYK(59.7%, 28.1%, 0.0%, 0.8%)

Does #66B6FD meet WCAG contrast on white?

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

What text color is readable on #66B6FD?

Use 000000 text on a #66B6FD background; contrast on black is 9.67:1.