#CDDCE2

#CDDCE2

white

#FFFFFF

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

1.41:1

Delta E

14.49

Noticeable

ผสม 50:50

#E6EDF0

ค่าสี

รูปแบบ #CDDCE2 #FFFFFF
HEX #CDDCE2 #FFFFFF
RGB 205, 220, 226 255, 255, 255
HSL 197.1, 26.6%, 84.5% 0.0, 0.0%, 100.0%
HSV 197.1, 9.3%, 88.6% 0.0, 0.0%, 100.0%
CMYK 9.3%, 2.7%, 0.0%, 11.4% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.885 0.0182 223.6 1.0 0.0 89.9

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

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

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

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

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

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

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

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

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

ไล่ระดับสี

#CDDCE2 #D5E2E7 #DEE8EC #E6EDF0 #EEF3F5 #F7F9FA #FFFFFF

การผสมสี

#CDDCE2

100%

#D9E5E9

75:25

#E6EDF0

50:50

#F2F6F8

25:75

#FFFFFF

100%

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

background: linear-gradient(to right, #CDDCE2, #FFFFFF);
background: linear-gradient(135deg, #CDDCE2, #FFFFFF);

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

#CDDCE2

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

white

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

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