#7C64BB

#7C64BB

Overview

#7C64BB is a cool, dark color. In RGB it is 124, 100, 187, in HSL 256.6°, 39.0%, 56.3%, and in CMYK 33.7%, 46.5%, 0.0%, 26.7%. The nearest named color is Blue Violet.

On this page

ค่าสี

HEX

#7C64BB

RGB

124, 100, 187

HSL

256.6, 39.0%, 56.3%

HSV

256.6, 46.5%, 73.3%

CMYK

33.7%, 46.5%, 0.0%, 26.7%

OKLCH

0.5657 0.1319 294.5

คุณสมบัติ

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

จิตวิทยาสี

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

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

สีตรงข้าม

#7C64BB

#A3BB64

สีใกล้เคียง

#6478BB

#A864BB

#7C64BB

สามสี

#7C64BB

#BB7C64

#64BB7C

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

#7C64BB

#BBA864

#78BB64

สี่สี

#7C64BB

#BB6478

#A3BB64

#64BBA8

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

ต้นฉบับ

#7C64BB

ตาบอดสีแดง

#7271A6

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

#7375A1

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

#7B9592

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

#6F6F6F

การใช้งาน CSS

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

เฉดสี Tailwind

50
#F6F5FA
100
#EBE7F3
200
#D5CDE9
300
#B7AADA
400
#907CC5
500
#694EB1
600
#543E8E
700
#433271
800
#352759
900
#291F41
950
#1A1429

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

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

4.78:1

AA Pass AAA Fail

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

4.4:1

AA Fail AAA Fail

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

#7C64BB
#A3BB64
#7C64BB
#FFFFFF
#000000
#7C64BB

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

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

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 #7C64BB?

RGB(124, 100, 187) · HSL(256.6, 39.0%, 56.3%) · CMYK(33.7%, 46.5%, 0.0%, 26.7%)

Does #7C64BB meet WCAG contrast on white?

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

What text color is readable on #7C64BB?

Use FFFFFF text on a #7C64BB background; contrast on black is 4.4:1.