#8F7EB7
#8F7EB7
#A6B77E
#A6B77E
ค่าสี
| รูปแบบ | #8F7EB7 | #A6B77E |
|---|---|---|
| HEX | #8F7EB7 | #A6B77E |
| RGB | 143, 126, 183 | 166, 183, 126 |
| HSL | 257.9, 28.4%, 60.6% | 77.9, 28.4%, 60.6% |
| HSV | 257.9, 31.1%, 71.8% | 77.9, 31.1%, 71.8% |
| CMYK | 21.9%, 31.1%, 0.0%, 28.2% | 9.3%, 0.0%, 31.1%, 28.2% |
| OKLCH | 0.6302 0.0861 297.6 | 0.7521 0.0797 121.8 |
คอนทราสต์และการเข้าถึง
1.66:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #A6B77E → พื้นหลัง: #8F7EB7
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #8F7EB7 → พื้นหลัง: #A6B77E
ความแตกต่างของสี (Delta E)
66.38
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #8F7EB7, #A6B77E);
background: linear-gradient(135deg, #8F7EB7, #A6B77E);