#4646CC

#4646CC

Overview

#4646CC is a cool, dark color. In RGB it is 70, 70, 204, in HSL 240.0°, 56.8%, 53.7%, and in CMYK 65.7%, 65.7%, 0.0%, 20.0%. The nearest named color is Purple Heart.

On this page

ค่าสี

HEX

#4646CC

RGB

70, 70, 204

HSL

240.0, 56.8%, 53.7%

HSV

240.0, 65.7%, 80.0%

CMYK

65.7%, 65.7%, 0.0%, 20.0%

OKLCH

0.4819 0.2012 275.8

คุณสมบัติ

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

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

สีตรงข้าม

#4646CC

#CCCC46

สีใกล้เคียง

#4689CC

#8946CC

#4646CC

สามสี

#4646CC

#CC4646

#46CC46

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

#4646CC

#CC8946

#89CC46

สี่สี

#4646CC

#CC4689

#CCCC46

#46CC89

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

ต้นฉบับ

#4646CC

ตาบอดสีแดง

#4646AC

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

#4646A4

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

#46928C

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

#505050

การใช้งาน CSS

background-color: #4646CC;
color: #4646CC;
border-color: #4646CC;
Tailwind ที่ใกล้เคียงที่สุด: Blue 700 #1D4ED8

เฉดสี Tailwind

50
#F4F4FB
100
#E5E5F6
200
#C7C7F0
300
#9F9FE5
400
#6B6BD6
500
#3737C8
600
#2C2CA0
700
#232380
800
#1C1C64
900
#181849
950
#0F0F2E

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

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

6.98:1

AA Pass AAA Fail

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

3.01:1

AA Fail AAA Fail

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

#4646CC
#CCCC46
#4646CC
#FFFFFF
#000000
#4646CC

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

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

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 #4646CC?

RGB(70, 70, 204) · HSL(240.0, 56.8%, 53.7%) · CMYK(65.7%, 65.7%, 0.0%, 20.0%)

Does #4646CC meet WCAG contrast on white?

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

What text color is readable on #4646CC?

Use FFFFFF text on a #4646CC background; contrast on black is 3.01:1.