#5F75DF

#5F75DF

#DFC95F

#DFC95F

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

2.48:1

Delta E

118.5

Very Different

ผสม 50:50

ค่าสี

รูปแบบ #5F75DF #DFC95F
HEX #5F75DF #DFC95F
RGB 95, 117, 223 223, 201, 95
HSL 229.7, 66.7%, 62.4% 49.7, 66.7%, 62.4%
HSV 229.7, 57.4%, 87.5% 49.7, 57.4%, 87.5%
CMYK 57.4%, 47.5%, 0.0%, 12.5% 0.0%, 9.9%, 57.4%, 12.5%
OKLCH 0.5981 0.162 271.9 0.8336 0.1285 97.7

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

2.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

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

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

ข้อความ: #DFC95F → พื้นหลัง: #5F75DF

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

ข้อความ: #5F75DF → พื้นหลัง: #DFC95F

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

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

ไล่ระดับสี

การผสมสี

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

background: linear-gradient(to right, #5F75DF, #DFC95F);
background: linear-gradient(135deg, #5F75DF, #DFC95F);

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

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