#3A63AC

#3A63AC

Overview

#3A63AC is a cool, dark color. In RGB it is 58, 99, 172, in HSL 218.4°, 49.6%, 45.1%, and in CMYK 66.3%, 42.4%, 0.0%, 32.5%. The nearest named color is NCS S 1060-B Bright Blue.

On this page

ค่าสี

HEX

#3A63AC

RGB

58, 99, 172

HSL

218.4, 49.6%, 45.1%

HSV

218.4, 66.3%, 67.5%

CMYK

66.3%, 42.4%, 0.0%, 32.5%

OKLCH

0.5071 0.1252 261.0

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: NCS S 1060-B Bright Blue

จิตวิทยาสี

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.

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

สีตรงข้าม

#3A63AC

#AC833A

สีใกล้เคียง

#3A9CAC

#4A3AAC

#3A63AC

สามสี

#3A63AC

#AC3A63

#63AC3A

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

#3A63AC

#AC4A3A

#9CAC3A

สี่สี

#3A63AC

#AC3A9C

#AC833A

#3AAC4A

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

ต้นฉบับ

#3A63AC

ตาบอดสีแดง

#4C4C9A

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

#494696

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

#3C8C89

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

#606060

การใช้งาน CSS

background-color: #3A63AC;
color: #3A63AC;
border-color: #3A63AC;
Tailwind ที่ใกล้เคียงที่สุด: Sky 700 #0369A1

เฉดสี Tailwind

50
#F4F6FB
100
#E6EBF5
200
#CAD6ED
300
#A3B9E0
400
#7294CF
500
#406EBF
600
#335899
700
#29467A
800
#20375F
900
#1B2A46
950
#111B2C

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

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

5.9:1

AA Pass AAA Fail

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

3.56:1

AA Fail AAA Fail

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

#3A63AC
#AC833A
#3A63AC
#FFFFFF
#000000
#3A63AC

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

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

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 #3A63AC?

RGB(58, 99, 172) · HSL(218.4, 49.6%, 45.1%) · CMYK(66.3%, 42.4%, 0.0%, 32.5%)

Does #3A63AC meet WCAG contrast on white?

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

What text color is readable on #3A63AC?

Use FFFFFF text on a #3A63AC background; contrast on black is 3.56:1.