#3C42CF

#3C42CF

#CFC93C

#CFC93C

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

4.2:1

Delta E

157.52

Very Different

ผสม 50:50

ค่าสี

รูปแบบ #3C42CF #CFC93C
HEX #3C42CF #CFC93C
RGB 60, 66, 207 207, 201, 60
HSL 237.6, 60.5%, 52.4% 57.6, 60.5%, 52.4%
HSV 237.6, 71.0%, 81.2% 57.6, 71.0%, 81.2%
CMYK 71.0%, 68.1%, 0.0%, 18.8% 0.0%, 2.9%, 71.0%, 18.8%
OKLCH 0.4721 0.2119 273.0 0.8163 0.1554 106.9

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

4.2:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

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

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

ข้อความ: #CFC93C → พื้นหลัง: #3C42CF

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

ข้อความ: #3C42CF → พื้นหลัง: #CFC93C

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

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

ไล่ระดับสี

การผสมสี

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

background: linear-gradient(to right, #3C42CF, #CFC93C);
background: linear-gradient(135deg, #3C42CF, #CFC93C);

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

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