#AB36C7

#AB36C7

white

#FFFFFF

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

5.14:1

Delta E

100.18

Very Different

ผสม 50:50

#D99FE4

ค่าสี

รูปแบบ #AB36C7 #FFFFFF
HEX #AB36C7 #FFFFFF
RGB 171, 54, 199 255, 255, 255
HSL 288.4, 57.3%, 49.6% 0.0, 0.0%, 100.0%
HSV 288.4, 72.9%, 78.0% 0.0, 0.0%, 100.0%
CMYK 14.1%, 72.9%, 0.0%, 22.0% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.5654 0.2249 319.1 1.0 0.0 89.9

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

5.14:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

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

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

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

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

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

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

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

ไล่ระดับสี

#AB36C7 #BC5DD1 #CB7FDB #D99FE4 #E7BFED #F3DFF6 #FFFFFF

การผสมสี

#AB36C7

100%

#C36ED6

75:25

#D99FE4

50:50

#EDCFF2

25:75

#FFFFFF

100%

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

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

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

#AB36C7

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

white

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

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