#6480F3

#6480F3

Overview

#6480F3 is a cool, light color. In RGB it is 100, 128, 243, in HSL 228.3°, 85.6%, 67.3%, and in CMYK 58.8%, 47.3%, 0.0%, 4.7%. The nearest named color is royalblue.

On this page

ค่าสี

HEX

#6480F3

RGB

100, 128, 243

HSL

228.3, 85.6%, 67.3%

HSV

228.3, 58.8%, 95.3%

CMYK

58.8%, 47.3%, 0.0%, 4.7%

OKLCH

0.6355 0.1741 270.5

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#6480F3

#F3D764

สีใกล้เคียง

#64C7F3

#9064F3

#6480F3

สามสี

#6480F3

#F36480

#80F364

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

#6480F3

#F39064

#C7F364

สี่สี

#6480F3

#F364C7

#F3D764

#64F390

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

ต้นฉบับ

#6480F3

ตาบอดสีแดง

#7070D7

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

#6E6CD0

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

#65C1BC

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

#828282

การใช้งาน CSS

background-color: #6480F3;
color: #6480F3;
border-color: #6480F3;
Tailwind ที่ใกล้เคียงที่สุด: Blue 500 #3B82F6

เฉดสี Tailwind

50
#F2F4FD
100
#E0E5FA
200
#BDC9FA
300
#8DA2F6
400
#506FF1
500
#123DED
600
#0F31BD
700
#0C2797
800
#091E76
900
#0B1A56
950
#071036

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

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

3.55:1

AA Fail AAA Fail

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

5.92:1

AA Pass AAA Fail

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

#6480F3
#F3D764
#6480F3
#FFFFFF
#000000
#6480F3

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

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

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 #6480F3?

RGB(100, 128, 243) · HSL(228.3, 85.6%, 67.3%) · CMYK(58.8%, 47.3%, 0.0%, 4.7%)

Does #6480F3 meet WCAG contrast on white?

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

What text color is readable on #6480F3?

Use 000000 text on a #6480F3 background; contrast on black is 5.92:1.