#678FEB

#678FEB

Overview

#678FEB is a cool, light color. In RGB it is 103, 143, 235, in HSL 221.8°, 76.7%, 66.3%, and in CMYK 56.2%, 39.1%, 0.0%, 7.8%. The nearest named color is cornflowerblue.

On this page

ค่าสี

HEX

#678FEB

RGB

103, 143, 235

HSL

221.8, 76.7%, 66.3%

HSV

221.8, 56.2%, 92.2%

CMYK

56.2%, 39.1%, 0.0%, 7.8%

OKLCH

0.6626 0.1443 265.0

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#678FEB

#EBC367

สีใกล้เคียง

#67D1EB

#8167EB

#678FEB

สามสี

#678FEB

#EB678F

#8FEB67

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

#678FEB

#EB8167

#D1EB67

สี่สี

#678FEB

#EB67D1

#EBC367

#67EB81

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

ต้นฉบับ

#678FEB

ตาบอดสีแดง

#7879D5

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

#7673CF

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

#69C3BF

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

#8D8D8D

การใช้งาน CSS

background-color: #678FEB;
color: #678FEB;
border-color: #678FEB;
Tailwind ที่ใกล้เคียงที่สุด: Blue 400 #60A5FA

เฉดสี Tailwind

50
#F2F5FC
100
#E2E9F9
200
#C0D1F7
300
#93AFF1
400
#5884E9
500
#1E59E1
600
#1847B4
700
#133990
800
#0F2D71
900
#0F2352
950
#091634

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

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

3.13:1

AA Fail AAA Fail

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

6.71:1

AA Pass AAA Fail

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

#678FEB
#EBC367
#678FEB
#FFFFFF
#000000
#678FEB

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

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

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 #678FEB?

RGB(103, 143, 235) · HSL(221.8, 76.7%, 66.3%) · CMYK(56.2%, 39.1%, 0.0%, 7.8%)

Does #678FEB meet WCAG contrast on white?

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

What text color is readable on #678FEB?

Use 000000 text on a #678FEB background; contrast on black is 6.71:1.