#D1DAF1

#D1DAF1

Overview

#D1DAF1 is a cool, light color. In RGB it is 209, 218, 241, in HSL 223.1°, 53.3%, 88.2%, and in CMYK 13.3%, 9.5%, 0.0%, 5.5%. The nearest named color is Periwinkle.

On this page

ค่าสี

HEX

#D1DAF1

RGB

209, 218, 241

HSL

223.1, 53.3%, 88.2%

HSV

223.1, 13.3%, 94.5%

CMYK

13.3%, 9.5%, 0.0%, 5.5%

OKLCH

0.8886 0.0331 268.7

คุณสมบัติ

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

จิตวิทยาสี

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.

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

สีตรงข้าม

#D1DAF1

#F1E8D1

สีใกล้เคียง

#D1EAF1

#D8D1F1

#D1DAF1

สามสี

#D1DAF1

#F1D1DA

#DAF1D1

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

#D1DAF1

#F1D8D1

#EAF1D1

สี่สี

#D1DAF1

#F1D1EA

#F1E8D1

#D1F1D8

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

ต้นฉบับ

#D1DAF1

ตาบอดสีแดง

#D5D5EB

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

#D4D4EA

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

#D1E7E6

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

#DADADA

การใช้งาน CSS

background-color: #D1DAF1;
color: #D1DAF1;
border-color: #D1DAF1;
Tailwind ที่ใกล้เคียงที่สุด: Indigo 100 #E0E7FF

เฉดสี Tailwind

50
#F4F6FB
100
#E5EAF5
200
#C8D3EE
300
#A1B4E2
400
#6E8BD3
500
#3C62C3
600
#304E9C
700
#263F7D
800
#1E3162
900
#192648
950
#10182D

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

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

1.4:1

AA Fail AAA Fail

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

15.01:1

AA Pass AAA Pass

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

#D1DAF1
#F1E8D1
#D1DAF1
#FFFFFF
#000000
#D1DAF1

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

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

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

RGB(209, 218, 241) · HSL(223.1, 53.3%, 88.2%) · CMYK(13.3%, 9.5%, 0.0%, 5.5%)

Does #D1DAF1 meet WCAG contrast on white?

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

What text color is readable on #D1DAF1?

Use 000000 text on a #D1DAF1 background; contrast on black is 15.01:1.