#787FFD

#787FFD

Overview

#787FFD is a cool, light color. In RGB it is 120, 127, 253, in HSL 236.8°, 97.1%, 73.1%, and in CMYK 52.6%, 49.8%, 0.0%, 0.8%. The nearest named color is royalblue 2.

On this page

ค่าสี

HEX

#787FFD

RGB

120, 127, 253

HSL

236.8, 97.1%, 73.1%

HSV

236.8, 52.6%, 99.2%

CMYK

52.6%, 49.8%, 0.0%, 0.8%

OKLCH

0.6527 0.1839 277.6

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#787FFD

#FDF678

สีใกล้เคียง

#78C2FD

#B378FD

#787FFD

สามสี

#787FFD

#FD787F

#7FFD78

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

#787FFD

#FDB378

#C2FD78

สี่สี

#787FFD

#FD78C2

#FDF678

#78FDB3

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

ต้นฉบับ

#787FFD

ตาบอดสีแดง

#7B7BDF

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

#7B7AD7

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

#78C6C1

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

#878787

การใช้งาน CSS

background-color: #787FFD;
color: #787FFD;
border-color: #787FFD;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 400 #818CF8

เฉดสี Tailwind

50
#F1F2FE
100
#DEE0FC
200
#B9BCFE
300
#868DFD
400
#454FFC
500
#0411FB
600
#030EC9
700
#020BA1
800
#02087E
900
#060B5B
950
#040739

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

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

3.36:1

AA Fail AAA Fail

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

6.25:1

AA Pass AAA Fail

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

#787FFD
#FDF678
#787FFD
#FFFFFF
#000000
#787FFD

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

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

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 #787FFD?

RGB(120, 127, 253) · HSL(236.8, 97.1%, 73.1%) · CMYK(52.6%, 49.8%, 0.0%, 0.8%)

Does #787FFD meet WCAG contrast on white?

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

What text color is readable on #787FFD?

Use 000000 text on a #787FFD background; contrast on black is 6.25:1.