#DEF4E4

#DEF4E4

#F4DEEE

#F4DEEE

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

1.1:1

Delta E

23.13

Noticeable

ผสม 50:50

#E9E9E9

ค่าสี

รูปแบบ #DEF4E4 #F4DEEE
HEX #DEF4E4 #F4DEEE
RGB 222, 244, 228 244, 222, 238
HSL 136.4, 50.0%, 91.4% 316.4, 50.0%, 91.4%
HSV 136.4, 9.0%, 95.7% 316.4, 9.0%, 95.7%
CMYK 9.0%, 0.0%, 6.6%, 4.3% 0.0%, 9.0%, 2.5%, 4.3%
OKLCH 0.9466 0.0314 154.2 0.923 0.0319 335.4

คอนทราสต์และการเข้าถึง

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

ความสามารถในการอ่านข้อความ

สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ

ข้อความ: #F4DEEE → พื้นหลัง: #DEF4E4

สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ

ข้อความ: #DEF4E4 → พื้นหลัง: #F4DEEE

ความแตกต่างของสี (Delta E)

23.13 Noticeable
0 — เหมือนกัน 5 — คล้ายคลึงกัน 25 — แตกต่างพอสังเกตได้ 100 — แตกต่างมาก

ไล่ระดับสี

#DEF4E4 #E2F0E6 #E6EDE7 #E9E9E9 #EDE6EB #F1E2EC #F4DEEE

การผสมสี

#DEF4E4

100%

#E4EFE7

75:25

#E9E9E9

50:50

#EFE4EC

25:75

#F4DEEE

100%

โค้ดไล่ระดับสี CSS

background: linear-gradient(to right, #DEF4E4, #F4DEEE);
background: linear-gradient(135deg, #DEF4E4, #F4DEEE);

สำรวจแต่ละสี

#DEF4E4

ดูรายละเอียดสีทั้งหมด

#F4DEEE

ดูรายละเอียดสีทั้งหมด

การเปรียบเทียบที่เกี่ยวข้อง