#3A3AF2

#3A3AF2

Overview

#3A3AF2 is a cool, dark color. In RGB it is 58, 58, 242, in HSL 240.0°, 87.6%, 58.8%, and in CMYK 76.0%, 76.0%, 0.0%, 5.1%. The nearest named color is mediumblue.

On this page

ค่าสี

HEX

#3A3AF2

RGB

58, 58, 242

HSL

240.0, 87.6%, 58.8%

HSV

240.0, 76.0%, 94.9%

CMYK

76.0%, 76.0%, 0.0%, 5.1%

OKLCH

0.4947 0.2614 271.6

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#3A3AF2

#F2F23A

สีใกล้เคียง

#3A96F2

#963AF2

#3A3AF2

สามสี

#3A3AF2

#F23A3A

#3AF23A

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

#3A3AF2

#F2963A

#96F23A

สี่สี

#3A3AF2

#F23A96

#F2F23A

#3AF296

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

ต้นฉบับ

#3A3AF2

ตาบอดสีแดง

#3A3AC6

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

#3A3ABB

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

#3AA29B

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

#474747

การใช้งาน CSS

background-color: #3A3AF2;

color: #3A3AF2;

border-color: #3A3AF2;

Tailwind ที่ใกล้เคียงที่สุด: Violet 600 #7C3AED

เฉดสี Tailwind

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

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

6.85:1

AA Pass AAA Fail

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

3.07:1

AA Fail AAA Fail

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

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

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

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

RGB(58, 58, 242) · HSL(240.0, 87.6%, 58.8%) · CMYK(76.0%, 76.0%, 0.0%, 5.1%)

Does #3A3AF2 meet WCAG contrast on white?

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

What text color is readable on #3A3AF2?

Use FFFFFF text on a #3A3AF2 background; contrast on black is 3.07:1.