#304579

#304579

Overview

#304579 is a cool, dark color. In RGB it is 48, 69, 121, in HSL 222.7°, 43.2%, 33.1%, and in CMYK 60.3%, 43.0%, 0.0%, 52.5%. The nearest named color is Midnight Blue.

On this page

ค่าสี

HEX

#304579

RGB

48, 69, 121

HSL

222.7, 43.2%, 33.1%

HSV

222.7, 60.3%, 47.5%

CMYK

60.3%, 43.0%, 0.0%, 52.5%

OKLCH

0.4002 0.0918 265.8

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: Midnight 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.

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

สีตรงข้าม

#304579

#796430

สีใกล้เคียง

#306979

#3F3079

#304579

สามสี

#304579

#793045

#457930

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

#304579

#793F30

#697930

สี่สี

#304579

#793069

#796430

#30793F

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

ต้นฉบับ

#304579

ตาบอดสีแดง

#39396C

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

#383669

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

#316260

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

#444444

การใช้งาน CSS

background-color: #304579;
color: #304579;
border-color: #304579;
Tailwind ที่ใกล้เคียงที่สุด: Blue 950 #172554

เฉดสี Tailwind

50
#F5F6FA
100
#E7EAF4
200
#CCD5EB
300
#A7B7DC
400
#788FC9
500
#4868B7
600
#3A5392
700
#2E4375
800
#24345B
900
#1E2843
950
#131A2A

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

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

9.32:1

AA Pass AAA Pass

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

2.25:1

AA Fail AAA Fail

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

#304579
#796430
#304579
#FFFFFF
#000000
#304579

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

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

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

RGB(48, 69, 121) · HSL(222.7, 43.2%, 33.1%) · CMYK(60.3%, 43.0%, 0.0%, 52.5%)

Does #304579 meet WCAG contrast on white?

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

What text color is readable on #304579?

Use FFFFFF text on a #304579 background; contrast on black is 2.25:1.