#3662F5

#3662F5

Overview

#3662F5 is a cool, dark color. In RGB it is 54, 98, 245, in HSL 226.2°, 90.5%, 58.6%, and in CMYK 78.0%, 60.0%, 0.0%, 3.9%. The nearest named color is royalblue 1.

On this page

ค่าสี

HEX

#3662F5

RGB

54, 98, 245

HSL

226.2, 90.5%, 58.6%

HSV

226.2, 78.0%, 96.1%

CMYK

78.0%, 60.0%, 0.0%, 3.9%

OKLCH

0.558 0.2251 266.2

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#3662F5

#F5C936

สีใกล้เคียง

#36C1F5

#6936F5

#3662F5

สามสี

#3662F5

#F53662

#62F536

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

#3662F5

#F56936

#C1F536

สี่สี

#3662F5

#F536C1

#F5C936

#36F569

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

ต้นฉบับ

#3662F5

ตาบอดสีแดง

#4949D1

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

#4643C9

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

#38B5AF

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

#636363

การใช้งาน CSS

background-color: #3662F5;
color: #3662F5;
border-color: #3662F5;
Tailwind ที่ใกล้เคียงที่สุด: Blue 600 #2563EB

เฉดสี Tailwind

50
#F1F4FD
100
#DFE6FB
200
#BBCAFC
300
#8AA4F9
400
#4B73F6
500
#0C41F3
600
#0A34C2
700
#082A9B
800
#062179
900
#091B58
950
#061138

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

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

4.97:1

AA Pass AAA Fail

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

4.22:1

AA Fail AAA Fail

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

#3662F5
#F5C936
#3662F5
#FFFFFF
#000000
#3662F5

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

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

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 #3662F5?

RGB(54, 98, 245) · HSL(226.2, 90.5%, 58.6%) · CMYK(78.0%, 60.0%, 0.0%, 3.9%)

Does #3662F5 meet WCAG contrast on white?

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

What text color is readable on #3662F5?

Use FFFFFF text on a #3662F5 background; contrast on black is 4.22:1.