#680DBD

#680DBD

Overview

#680DBD is a cool, dark color. In RGB it is 104, 13, 189, in HSL 271.0°, 87.1%, 39.6%, and in CMYK 45.0%, 93.1%, 0.0%, 25.9%. The nearest named color is purple 3.

On this page

ค่าสี

HEX

#680DBD

RGB

104, 13, 189

HSL

271.0, 87.1%, 39.6%

HSV

271.0, 93.1%, 74.1%

CMYK

45.0%, 93.1%, 0.0%, 25.9%

OKLCH

0.4411 0.2304 298.1

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: purple 3

จิตวิทยาสี

True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.

Design Usage

Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.

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

สีตรงข้าม

#680DBD

#62BD0D

สีใกล้เคียง

#100DBD

#BD0DBA

#680DBD

สามสี

#680DBD

#BD680D

#0DBD68

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

#680DBD

#BABD0D

#0DBD10

สี่สี

#680DBD

#BD100D

#62BD0D

#0DBABD

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

ต้นฉบับ

#680DBD

ตาบอดสีแดง

#414092

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

#464D88

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

#637169

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

#2D2D2D

การใช้งาน CSS

background-color: #680DBD;
color: #680DBD;
border-color: #680DBD;
Tailwind ที่ใกล้เคียงที่สุด: Purple 700 #7E22CE

เฉดสี Tailwind

50
#F8F2FD
100
#EEE0FA
200
#DCBCFA
300
#C48CF7
400
#A34EF3
500
#8310EF
600
#690DBF
700
#540B99
800
#420877
900
#320A56
950
#1F0737

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

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

8.82:1

AA Pass AAA Pass

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

2.38:1

AA Fail AAA Fail

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

#680DBD
#62BD0D
#680DBD
#FFFFFF
#000000
#680DBD

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

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

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 #680DBD?

RGB(104, 13, 189) · HSL(271.0, 87.1%, 39.6%) · CMYK(45.0%, 93.1%, 0.0%, 25.9%)

Does #680DBD meet WCAG contrast on white?

8.82:1 — WCAG AA ผ่าน, AAA ผ่าน for normal text.

What text color is readable on #680DBD?

Use FFFFFF text on a #680DBD background; contrast on black is 2.38:1.