#84B4FD

#84B4FD

Overview

#84B4FD is a cool, light color. In RGB it is 132, 180, 253, in HSL 216.2°, 96.8%, 75.5%, and in CMYK 47.8%, 28.9%, 0.0%, 0.8%. The nearest named color is steelblue 1.

On this page

ค่าสี

HEX

#84B4FD

RGB

132, 180, 253

HSL

216.2, 96.8%, 75.5%

HSV

216.2, 47.8%, 99.2%

CMYK

47.8%, 28.9%, 0.0%, 0.8%

OKLCH

0.765 0.1174 258.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.

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

สีตรงข้าม

#84B4FD

#FDCD84

สีใกล้เคียง

#84F1FD

#9184FD

#84B4FD

สามสี

#84B4FD

#FD84B4

#B4FD84

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

#84B4FD

#FD9184

#F1FD84

สี่สี

#84B4FD

#FD84F1

#FDCD84

#84FD91

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

ต้นฉบับ

#84B4FD

ตาบอดสีแดง

#9999EB

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

#9692E7

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

#86DDDA

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

#AFAFAF

การใช้งาน CSS

background-color: #84B4FD;
color: #84B4FD;
border-color: #84B4FD;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 300 #A5B4FC

เฉดสี Tailwind

50
#F1F6FE
100
#DEEAFC
200
#B9D4FE
300
#87B6FD
400
#458EFC
500
#0466FB
600
#0352C9
700
#0341A1
800
#02337D
900
#06285B
950
#041939

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

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

2.12:1

AA Fail AAA Fail

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

9.93:1

AA Pass AAA Pass

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

#84B4FD
#FDCD84
#84B4FD
#FFFFFF
#000000
#84B4FD

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

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

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 #84B4FD?

RGB(132, 180, 253) · HSL(216.2, 96.8%, 75.5%) · CMYK(47.8%, 28.9%, 0.0%, 0.8%)

Does #84B4FD meet WCAG contrast on white?

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

What text color is readable on #84B4FD?

Use 000000 text on a #84B4FD background; contrast on black is 9.93:1.