black

#000000

#686EC2

#686EC2

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

4.6:1

Delta E

69.72

Very Different

ผสม 50:50

#36375D

ค่าสี

รูปแบบ #000000 #686EC2
HEX #000000 #686EC2
RGB 0, 0, 0 104, 110, 194
HSL 0.0, 0.0%, 0.0% 236.0, 42.5%, 58.4%
HSV 0.0, 0.0%, 0.0% 236.0, 46.4%, 76.1%
CMYK 0%, 0%, 0%, 100% 46.4%, 43.3%, 0.0%, 23.9%
OKLCH 0.0 0.0 0.0 0.5722 0.1282 278.4

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

4.6:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

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

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

ข้อความ: #686EC2 → พื้นหลัง: #000000

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

ข้อความ: #000000 → พื้นหลัง: #686EC2

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

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

ไล่ระดับสี

#000000 #171722 #27273E #36375D #46497D #575B9F #686EC2

การผสมสี

#000000

100%

#1F1F30

75:25

#36375D

50:50

#4F528E

25:75

#686EC2

100%

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

background: linear-gradient(to right, #000000, #686EC2);
background: linear-gradient(135deg, #000000, #686EC2);

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

black

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

#686EC2

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

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