#476470
#476470
#705347
#705347
ค่าสี
| รูปแบบ | #476470 | #705347 |
|---|---|---|
| HEX | #476470 | #705347 |
| RGB | 71, 100, 112 | 112, 83, 71 |
| HSL | 197.6, 22.4%, 35.9% | 17.6, 22.4%, 35.9% |
| HSV | 197.6, 36.6%, 43.9% | 17.6, 36.6%, 43.9% |
| CMYK | 36.6%, 10.7%, 0.0%, 56.1% | 0.0%, 25.9%, 36.6%, 56.1% |
| OKLCH | 0.4851 0.0391 225.5 | 0.4694 0.0434 43.5 |
คอนทราสต์และการเข้าถึง
1.1:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #705347 → พื้นหลัง: #476470
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #476470 → พื้นหลัง: #705347
ความแตกต่างของสี (Delta E)
28.23
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #476470, #705347);
background: linear-gradient(135deg, #476470, #705347);