#7C77BA

#7C77BA

Overview

#7C77BA is a cool, light color. In RGB it is 124, 119, 186, in HSL 244.5°, 32.7%, 59.8%, and in CMYK 33.3%, 36.0%, 0.0%, 27.1%. The nearest named color is Violet (Purple).

On this page

ค่าสี

HEX

#7C77BA

RGB

124, 119, 186

HSL

244.5, 32.7%, 59.8%

HSV

244.5, 36.0%, 72.9%

CMYK

33.3%, 36.0%, 0.0%, 27.1%

OKLCH

0.6014 0.1008 286.4

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: Violet (Purple)

จิตวิทยาสี

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.

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

สีตรงข้าม

#7C77BA

#B5BA77

สีใกล้เคียง

#7793BA

#9E77BA

#7C77BA

สามสี

#7C77BA

#BA7C77

#77BA7C

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

#7C77BA

#BA9E77

#93BA77

สี่สี

#7C77BA

#BA7793

#B5BA77

#77BA9E

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

ต้นฉบับ

#7C77BA

ตาบอดสีแดง

#7A7AAA

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

#7A7AA6

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

#7C9D9A

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

#7D7D7D

การใช้งาน CSS

background-color: #7C77BA;
color: #7C77BA;
border-color: #7C77BA;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 300 #A5B4FC

เฉดสี Tailwind

50
#F6F5F9
100
#E9E8F2
200
#D1D0E7
300
#B1AED6
400
#8682C0
500
#5C56A9
600
#4A4587
700
#3B376C
800
#2E2B55
900
#24223F
950
#171628

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

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

4.03:1

AA Fail AAA Fail

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

5.2:1

AA Pass AAA Fail

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

#7C77BA
#B5BA77
#7C77BA
#FFFFFF
#000000
#7C77BA

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

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

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

RGB(124, 119, 186) · HSL(244.5, 32.7%, 59.8%) · CMYK(33.3%, 36.0%, 0.0%, 27.1%)

Does #7C77BA meet WCAG contrast on white?

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

What text color is readable on #7C77BA?

Use 000000 text on a #7C77BA background; contrast on black is 5.2:1.