#697477
#697477
#776C69
#776C69
ค่าสี
| รูปแบบ | #697477 | #776C69 |
|---|---|---|
| HEX | #697477 | #776C69 |
| RGB | 105, 116, 119 | 119, 108, 105 |
| HSL | 192.9, 6.3%, 43.9% | 12.9, 6.3%, 43.9% |
| HSV | 192.9, 11.8%, 46.7% | 12.9, 11.8%, 46.7% |
| CMYK | 11.8%, 2.5%, 0.0%, 53.3% | 0.0%, 9.2%, 11.8%, 53.3% |
| OKLCH | 0.5507 0.0141 215.9 | 0.5405 0.0147 35.7 |
คอนทราสต์และการเข้าถึง
1.06:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #776C69 → พื้นหลัง: #697477
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #697477 → พื้นหลัง: #776C69
ความแตกต่างของสี (Delta E)
9.68
Noticeable
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #697477, #776C69);
background: linear-gradient(135deg, #697477, #776C69);