#7589AC
#7589AC
#AC9875
#AC9875
ค่าสี
| รูปแบบ | #7589AC | #AC9875 |
|---|---|---|
| HEX | #7589AC | #AC9875 |
| RGB | 117, 137, 172 | 172, 152, 117 |
| HSL | 218.2, 24.9%, 56.7% | 38.2, 24.9%, 56.7% |
| HSV | 218.2, 32.0%, 67.5% | 38.2, 32.0%, 67.5% |
| CMYK | 32.0%, 20.3%, 0.0%, 32.5% | 0.0%, 11.6%, 32.0%, 32.5% |
| OKLCH | 0.6273 0.0579 261.5 | 0.6884 0.054 81.4 |
คอนทราสต์และการเข้าถึง
1.27:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #AC9875 → พื้นหลัง: #7589AC
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #7589AC → พื้นหลัง: #AC9875
ความแตกต่างของสี (Delta E)
42.54
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #7589AC, #AC9875);
background: linear-gradient(135deg, #7589AC, #AC9875);