#565EFF

#565EFF

Overview

#565EFF is a cool, dark color. In RGB it is 86, 94, 255, in HSL 237.2°, 100.0%, 66.9%, and in CMYK 66.3%, 63.1%, 0.0%, 0.0%. The nearest named color is slateblue 1.

On this page

ค่าสี

HEX

#565EFF

RGB

86, 94, 255

HSL

237.2, 100.0%, 66.9%

HSV

237.2, 66.3%, 100.0%

CMYK

66.3%, 63.1%, 0.0%, 0.0%

OKLCH

0.5749 0.2341 274.1

คุณสมบัติ

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

จิตวิทยาสี

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

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

สีตรงข้าม

#565EFF

#FFF756

สีใกล้เคียง

#56B2FF

#A356FF

#565EFF

สามสี

#565EFF

#FF565E

#5EFF56

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

#565EFF

#FFA356

#B2FF56

สี่สี

#565EFF

#FF56B2

#FFF756

#56FFA3

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

ต้นฉบับ

#565EFF

ตาบอดสีแดง

#595AD8

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

#5958CF

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

#56B9B3

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

#686868

การใช้งาน CSS

background-color: #565EFF;
color: #565EFF;
border-color: #565EFF;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 600 #4F46E5

เฉดสี Tailwind

50
#F1F1FE
100
#DEDFFC
200
#B8BBFF
300
#858AFF
400
#424BFF
500
#000CFF
600
#000ACC
700
#0008A3
800
#000680
900
#05095C
950
#03063A

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

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

4.73:1

AA Pass AAA Fail

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

4.44:1

AA Fail AAA Fail

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

#565EFF
#FFF756
#565EFF
#FFFFFF
#000000
#565EFF

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

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

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 #565EFF?

RGB(86, 94, 255) · HSL(237.2, 100.0%, 66.9%) · CMYK(66.3%, 63.1%, 0.0%, 0.0%)

Does #565EFF meet WCAG contrast on white?

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

What text color is readable on #565EFF?

Use FFFFFF text on a #565EFF background; contrast on black is 4.44:1.