#787ADD

#787ADD

Overview

#787ADD is a cool, light color. In RGB it is 120, 122, 221, in HSL 238.8°, 59.8%, 66.9%, and in CMYK 45.7%, 44.8%, 0.0%, 13.3%. The nearest named color is Blue Violet.

On this page

ค่าสี

HEX

#787ADD

RGB

120, 122, 221

HSL

238.8, 59.8%, 66.9%

HSV

238.8, 45.7%, 86.7%

CMYK

45.7%, 44.8%, 0.0%, 13.3%

OKLCH

0.6235 0.1469 280.4

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#787ADD

#DDDB78

สีใกล้เคียง

#78ADDD

#A978DD

#787ADD

สามสี

#787ADD

#DD787A

#7ADD78

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

#787ADD

#DDA978

#ADDD78

สี่สี

#787ADD

#DD78AD

#DDDB78

#78DDA9

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

ต้นฉบับ

#787ADD

ตาบอดสีแดง

#7979C5

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

#7979BF

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

#78B2AE

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

#818181

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F3F4FB
100
#E4E4F6
200
#C6C7F1
300
#9D9FE6
400
#686AD9
500
#3336CC
600
#292BA3
700
#212382
800
#1A1B66
900
#16174B
950
#0E0F2F

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

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

3.73:1

AA Fail AAA Fail

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

5.63:1

AA Pass AAA Fail

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

#787ADD
#DDDB78
#787ADD
#FFFFFF
#000000
#787ADD

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

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

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

RGB(120, 122, 221) · HSL(238.8, 59.8%, 66.9%) · CMYK(45.7%, 44.8%, 0.0%, 13.3%)

Does #787ADD meet WCAG contrast on white?

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

What text color is readable on #787ADD?

Use 000000 text on a #787ADD background; contrast on black is 5.63:1.