#897FC4

#897FC4

Overview

#897FC4 is a cool, light color. In RGB it is 137, 127, 196, in HSL 248.7°, 36.9%, 63.3%, and in CMYK 30.1%, 35.2%, 0.0%, 23.1%. The nearest named color is Violet (Purple).

On this page

ค่าสี

HEX

#897FC4

RGB

137, 127, 196

HSL

248.7, 36.9%, 63.3%

HSV

248.7, 35.2%, 76.9%

CMYK

30.1%, 35.2%, 0.0%, 23.1%

OKLCH

0.6331 0.1025 289.8

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: Violet (Purple)

จิตวิทยาสี

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.

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

สีตรงข้าม

#897FC4

#BAC47F

สีใกล้เคียง

#7F97C4

#AB7FC4

#897FC4

สามสี

#897FC4

#C4897F

#7FC489

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

#897FC4

#C4AB7F

#97C47F

สี่สี

#897FC4

#C47F97

#BAC47F

#7FC4AB

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

ต้นฉบับ

#897FC4

ตาบอดสีแดง

#8585B3

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

#8586AF

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

#88A6A3

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

#868686

การใช้งาน CSS

background-color: #897FC4;
color: #897FC4;
border-color: #897FC4;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 300 #A5B4FC

เฉดสี Tailwind

50
#F6F5FA
100
#E9E8F3
200
#D2CEE8
300
#B2ABD8
400
#887EC3
500
#5E50AF
600
#4B408C
700
#3C3370
800
#2F2857
900
#252041
950
#171429

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

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

3.56:1

AA Fail AAA Fail

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

5.9:1

AA Pass AAA Fail

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

#897FC4
#BAC47F
#897FC4
#FFFFFF
#000000
#897FC4

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

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

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 #897FC4?

RGB(137, 127, 196) · HSL(248.7, 36.9%, 63.3%) · CMYK(30.1%, 35.2%, 0.0%, 23.1%)

Does #897FC4 meet WCAG contrast on white?

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

What text color is readable on #897FC4?

Use 000000 text on a #897FC4 background; contrast on black is 5.9:1.