#55BCFD

#55BCFD

Overview

#55BCFD is a cool, light color. In RGB it is 85, 188, 253, in HSL 203.2°, 97.7%, 66.3%, and in CMYK 66.4%, 25.7%, 0.0%, 0.8%. The nearest named color is steelblue 1.

On this page

ค่าสี

HEX

#55BCFD

RGB

85, 188, 253

HSL

203.2, 97.7%, 66.3%

HSV

203.2, 66.4%, 99.2%

CMYK

66.4%, 25.7%, 0.0%, 0.8%

OKLCH

0.7614 0.1333 239.6

คุณสมบัติ

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

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

สีตรงข้าม

#55BCFD

#FD9655

สีใกล้เคียง

#55FDEA

#5568FD

#55BCFD

สามสี

#55BCFD

#FD55BC

#BCFD55

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

#55BCFD

#FD5568

#FDEA55

สี่สี

#55BCFD

#EA55FD

#FD9655

#68FD55

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

ต้นฉบับ

#55BCFD

ตาบอดสีแดง

#8282ED

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

#7C74EA

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

#5AE1DE

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

#ABABAB

การใช้งาน CSS

background-color: #55BCFD;
color: #55BCFD;
border-color: #55BCFD;
Tailwind ที่ใกล้เคียงที่สุด: Sky 400 #38BDF8

เฉดสี Tailwind

50
#F1F9FE
100
#DEF1FC
200
#B8E3FE
300
#86CFFE
400
#44B6FD
500
#039CFC
600
#027DCA
700
#0264A1
800
#014E7E
900
#063A5B
950
#04253A

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

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

2.1:1

AA Fail AAA Fail

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

10.0:1

AA Pass AAA Pass

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

#55BCFD
#FD9655
#55BCFD
#FFFFFF
#000000
#55BCFD

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #55BCFD?

RGB(85, 188, 253) · HSL(203.2, 97.7%, 66.3%) · CMYK(66.4%, 25.7%, 0.0%, 0.8%)

Does #55BCFD meet WCAG contrast on white?

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

What text color is readable on #55BCFD?

Use 000000 text on a #55BCFD background; contrast on black is 10.0:1.