#648578

#648578

#856471

#856471

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

1.27:1

Delta E

31.24

Very Different

ผสม 50:50

ค่าสี

รูปแบบ #648578 #856471
HEX #648578 #856471
RGB 100, 133, 120 133, 100, 113
HSL 156.4, 14.2%, 45.7% 336.4, 14.2%, 45.7%
HSV 156.4, 24.8%, 52.2% 336.4, 24.8%, 52.2%
CMYK 24.8%, 0.0%, 9.8%, 47.8% 0.0%, 24.8%, 15.0%, 47.8%
OKLCH 0.5875 0.0424 168.7 0.5407 0.0463 353.3

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

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

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

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

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

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

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

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

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

ไล่ระดับสี

การผสมสี

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

background: linear-gradient(to right, #648578, #856471);
background: linear-gradient(135deg, #648578, #856471);

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

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