#6874ED

#6874ED

Overview

#6874ED is a cool, light color. In RGB it is 104, 116, 237, in HSL 234.6°, 78.7%, 66.9%, and in CMYK 56.1%, 51.1%, 0.0%, 7.1%. The nearest named color is royalblue.

On this page

ค่าสี

HEX

#6874ED

RGB

104, 116, 237

HSL

234.6, 78.7%, 66.9%

HSV

234.6, 56.1%, 92.9%

CMYK

56.1%, 51.1%, 0.0%, 7.1%

OKLCH

0.6111 0.1801 275.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.

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

สีตรงข้าม

#6874ED

#EDE168

สีใกล้เคียง

#68B7ED

#9F68ED

#6874ED

สามสี

#6874ED

#ED6874

#74ED68

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

#6874ED

#ED9F68

#B7ED68

สี่สี

#6874ED

#ED68B7

#EDE168

#68ED9F

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

ต้นฉบับ

#6874ED

ตาบอดสีแดง

#6D6DD0

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

#6C6CC9

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

#69B9B4

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

#7A7A7A

การใช้งาน CSS

background-color: #6874ED;
color: #6874ED;
border-color: #6874ED;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 500 #6366F1

เฉดสี Tailwind

50
#F2F3FC
100
#E1E3F9
200
#BFC4F7
300
#929AF2
400
#5664EB
500
#1B2DE4
600
#1624B6
700
#111D92
800
#0E1772
900
#0E1453
950
#090D34

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

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

3.96:1

AA Fail AAA Fail

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

5.31:1

AA Pass AAA Fail

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

#6874ED
#EDE168
#6874ED
#FFFFFF
#000000
#6874ED

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

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

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 #6874ED?

RGB(104, 116, 237) · HSL(234.6, 78.7%, 66.9%) · CMYK(56.1%, 51.1%, 0.0%, 7.1%)

Does #6874ED meet WCAG contrast on white?

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

What text color is readable on #6874ED?

Use 000000 text on a #6874ED background; contrast on black is 5.31:1.