#E2EAF6

#E2EAF6

Overview

#E2EAF6 is a cool, light color. In RGB it is 226, 234, 246, in HSL 216.0°, 52.6%, 92.5%, and in CMYK 8.1%, 4.9%, 0.0%, 3.5%. The nearest named color is lavender.

On this page

ค่าสี

HEX

#E2EAF6

RGB

226, 234, 246

HSL

216.0, 52.6%, 92.5%

HSV

216.0, 8.1%, 96.5%

CMYK

8.1%, 4.9%, 0.0%, 3.5%

OKLCH

0.9345 0.0184 258.4

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#E2EAF6

#F6EEE2

สีใกล้เคียง

#E2F4F6

#E4E2F6

#E2EAF6

สามสี

#E2EAF6

#F6E2EA

#EAF6E2

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

#E2EAF6

#F6E4E2

#F4F6E2

สี่สี

#E2EAF6

#F6E2F4

#F6EEE2

#E2F6E4

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

ต้นฉบับ

#E2EAF6

ตาบอดสีแดง

#E5E6F3

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

#E5E4F2

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

#E2F1F0

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

#E9E9E9

การใช้งาน CSS

background-color: #E2EAF6;
color: #E2EAF6;
border-color: #E2EAF6;
Tailwind ที่ใกล้เคียงที่สุด: Slate 200 #E2E8F0

เฉดสี Tailwind

50
#F4F7FB
100
#E5ECF5
200
#C9D8EE
300
#A2BBE2
400
#6F97D2
500
#3C72C3
600
#305B9C
700
#27497D
800
#1E3961
900
#1A2C47
950
#101C2D

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

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

1.21:1

AA Fail AAA Fail

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

17.33:1

AA Pass AAA Pass

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

#E2EAF6
#F6EEE2
#E2EAF6
#FFFFFF
#000000
#E2EAF6

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

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

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 #E2EAF6?

RGB(226, 234, 246) · HSL(216.0, 52.6%, 92.5%) · CMYK(8.1%, 4.9%, 0.0%, 3.5%)

Does #E2EAF6 meet WCAG contrast on white?

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

What text color is readable on #E2EAF6?

Use 000000 text on a #E2EAF6 background; contrast on black is 17.33:1.