#4387EC

#4387EC

Overview

#4387EC is a cool, light color. In RGB it is 67, 135, 236, in HSL 215.9°, 81.6%, 59.4%, and in CMYK 71.6%, 42.8%, 0.0%, 7.5%. The nearest named color is dodgerblue 2.

On this page

ค่าสี

HEX

#4387EC

RGB

67, 135, 236

HSL

215.9, 81.6%, 59.4%

HSV

215.9, 71.6%, 92.5%

CMYK

71.6%, 42.8%, 0.0%, 7.5%

OKLCH

0.6298 0.1671 258.3

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: dodgerblue 2

จิตวิทยาสี

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.

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

สีตรงข้าม

#4387EC

#ECA843

สีใกล้เคียง

#43DBEC

#5443EC

#4387EC

สามสี

#4387EC

#EC4387

#87EC43

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

#4387EC

#EC5443

#DBEC43

สี่สี

#4387EC

#EC43DB

#ECA843

#43EC54

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

ต้นฉบับ

#4387EC

ตาบอดสีแดง

#6061D4

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

#5C57CE

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

#46C0BC

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

#808080

การใช้งาน CSS

background-color: #4387EC;
color: #4387EC;
border-color: #4387EC;
Tailwind ที่ใกล้เคียงที่สุด: Blue 500 #3B82F6

เฉดสี Tailwind

50
#F2F6FD
100
#E1EBFA
200
#BED6F8
300
#90B8F4
400
#5492EE
500
#176BE8
600
#1356B9
700
#0F4594
800
#0C3674
900
#0D2954
950
#081A35

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

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

3.55:1

AA Fail AAA Fail

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

5.92:1

AA Pass AAA Fail

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

#4387EC
#ECA843
#4387EC
#FFFFFF
#000000
#4387EC

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #4387EC?

RGB(67, 135, 236) · HSL(215.9, 81.6%, 59.4%) · CMYK(71.6%, 42.8%, 0.0%, 7.5%)

Does #4387EC meet WCAG contrast on white?

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

What text color is readable on #4387EC?

Use 000000 text on a #4387EC background; contrast on black is 5.92:1.