#2AAF2F

#2AAF2F

#AF2AAA

#AF2AAA

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

1.95:1

Delta E

156.43

Very Different

ผสม 50:50

ค่าสี

รูปแบบ #2AAF2F #AF2AAA
HEX #2AAF2F #AF2AAA
RGB 42, 175, 47 175, 42, 170
HSL 122.3, 61.3%, 42.5% 302.3, 61.3%, 42.5%
HSV 122.3, 76.0%, 68.6% 302.3, 76.0%, 68.6%
CMYK 76.0%, 0.0%, 73.1%, 31.4% 0.0%, 76.0%, 2.9%, 31.4%
OKLCH 0.66 0.1998 143.3 0.5438 0.2159 329.7

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

1.95:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

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

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

ข้อความ: #AF2AAA → พื้นหลัง: #2AAF2F

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

ข้อความ: #2AAF2F → พื้นหลัง: #AF2AAA

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

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

ไล่ระดับสี

การผสมสี

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

background: linear-gradient(to right, #2AAF2F, #AF2AAA);
background: linear-gradient(135deg, #2AAF2F, #AF2AAA);

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

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