#372CB3

#372CB3

Overview

#372CB3 is a cool, dark color. In RGB it is 55, 44, 179, in HSL 244.9°, 60.5%, 43.7%, and in CMYK 69.3%, 75.4%, 0.0%, 29.8%. The nearest named color is Purple Heart.

On this page

ค่าสี

HEX

#372CB3

RGB

55, 44, 179

HSL

244.9, 60.5%, 43.7%

HSV

244.9, 75.4%, 70.2%

CMYK

69.3%, 75.4%, 0.0%, 29.8%

OKLCH

0.4087 0.2014 276.3

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#372CB3

#A8B32C

สีใกล้เคียง

#2C64B3

#7A2CB3

#372CB3

สามสี

#372CB3

#B3372C

#2CB337

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

#372CB3

#B37A2C

#64B32C

สี่สี

#372CB3

#B32C64

#A8B32C

#2CB37A

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

ต้นฉบับ

#372CB3

ตาบอดสีแดง

#323292

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

#33348A

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

#367973

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

#383838

การใช้งาน CSS

background-color: #372CB3;
color: #372CB3;
border-color: #372CB3;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 700 #4338CA

เฉดสี Tailwind

50
#F4F3FB
100
#E5E4F6
200
#C9C6F1
300
#A39DE7
400
#7168DA
500
#3F32CD
600
#3228A4
700
#282083
800
#1F1966
900
#1A164B
950
#110E2F

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

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

9.66:1

AA Pass AAA Pass

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

2.17:1

AA Fail AAA Fail

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

#372CB3
#A8B32C
#372CB3
#FFFFFF
#000000
#372CB3

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

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

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 #372CB3?

RGB(55, 44, 179) · HSL(244.9, 60.5%, 43.7%) · CMYK(69.3%, 75.4%, 0.0%, 29.8%)

Does #372CB3 meet WCAG contrast on white?

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

What text color is readable on #372CB3?

Use FFFFFF text on a #372CB3 background; contrast on black is 2.17:1.