#CEDDF0

#CEDDF0

Overview

#CEDDF0 is a cool, light color. In RGB it is 206, 221, 240, in HSL 213.5°, 53.1%, 87.5%, and in CMYK 14.2%, 7.9%, 0.0%, 5.9%. The nearest named color is Periwinkle.

On this page

ค่าสี

HEX

#CEDDF0

RGB

206, 221, 240

HSL

213.5, 53.1%, 87.5%

HSV

213.5, 14.2%, 94.1%

CMYK

14.2%, 7.9%, 0.0%, 5.9%

OKLCH

0.8921 0.0308 254.3

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#CEDDF0

#F0E1CE

สีใกล้เคียง

#CEEEF0

#D0CEF0

#CEDDF0

สามสี

#CEDDF0

#F0CEDD

#DDF0CE

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

#CEDDF0

#F0D0CE

#EEF0CE

สี่สี

#CEDDF0

#F0CEEE

#F0E1CE

#CEF0D0

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

ต้นฉบับ

#CEDDF0

ตาบอดสีแดง

#D4D5EB

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

#D4D2EA

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

#CFE8E7

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

#DBDBDB

การใช้งาน CSS

background-color: #CEDDF0;
color: #CEDDF0;
border-color: #CEDDF0;
Tailwind ที่ใกล้เคียงที่สุด: Blue 100 #DBEAFE

เฉดสี Tailwind

50
#F4F7FB
100
#E5ECF5
200
#C8D9EE
300
#A1BEE2
400
#6F9BD3
500
#3C78C3
600
#30609C
700
#264D7D
800
#1E3C62
900
#192E48
950
#101D2D

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

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

1.38:1

AA Fail AAA Fail

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

15.23:1

AA Pass AAA Pass

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

#CEDDF0
#F0E1CE
#CEDDF0
#FFFFFF
#000000
#CEDDF0

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #CEDDF0?

RGB(206, 221, 240) · HSL(213.5, 53.1%, 87.5%) · CMYK(14.2%, 7.9%, 0.0%, 5.9%)

Does #CEDDF0 meet WCAG contrast on white?

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

What text color is readable on #CEDDF0?

Use 000000 text on a #CEDDF0 background; contrast on black is 15.23:1.