#3997EC

#3997EC

Overview

#3997EC is a cool, light color. In RGB it is 57, 151, 236, in HSL 208.5°, 82.5%, 57.5%, and in CMYK 75.8%, 36.0%, 0.0%, 7.5%. The nearest named color is cornflowerblue.

On this page

ค่าสี

HEX

#3997EC

RGB

57, 151, 236

HSL

208.5, 82.5%, 57.5%

HSV

208.5, 75.8%, 92.5%

CMYK

75.8%, 36.0%, 0.0%, 7.5%

OKLCH

0.6615 0.1537 249.6

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#3997EC

#EC8E39

สีใกล้เคียง

#39ECE8

#393EEC

#3997EC

สามสี

#3997EC

#EC3997

#97EC39

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

#3997EC

#EC393E

#ECE839

สี่สี

#3997EC

#E839EC

#EC8E39

#3EEC39

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

ต้นฉบับ

#3997EC

ตาบอดสีแดง

#6263D7

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

#5C55D2

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

#3EC7C4

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

#898989

การใช้งาน CSS

background-color: #3997EC;
color: #3997EC;
border-color: #3997EC;
Tailwind ที่ใกล้เคียงที่สุด: Blue 400 #60A5FA

เฉดสี Tailwind

50
#F2F8FD
100
#E1EEFA
200
#BEDDF9
300
#8FC4F4
400
#53A5EE
500
#1685E9
600
#126ABA
700
#0E5595
800
#0B4274
900
#0C3254
950
#082035

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

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

3.08:1

AA Fail AAA Fail

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

6.81:1

AA Pass AAA Fail

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

#3997EC
#EC8E39
#3997EC
#FFFFFF
#000000
#3997EC

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

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

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 #3997EC?

RGB(57, 151, 236) · HSL(208.5, 82.5%, 57.5%) · CMYK(75.8%, 36.0%, 0.0%, 7.5%)

Does #3997EC meet WCAG contrast on white?

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

What text color is readable on #3997EC?

Use 000000 text on a #3997EC background; contrast on black is 6.81:1.