#665CB8
#665CB8
#AEB85C
#AEB85C
ค่าสี
| รูปแบบ | #665CB8 | #AEB85C |
|---|---|---|
| HEX | #665CB8 | #AEB85C |
| RGB | 102, 92, 184 | 174, 184, 92 |
| HSL | 246.5, 39.3%, 54.1% | 66.5, 39.3%, 54.1% |
| HSV | 246.5, 50.0%, 72.2% | 66.5, 50.0%, 72.2% |
| CMYK | 44.6%, 50.0%, 0.0%, 27.8% | 5.4%, 0.0%, 50.0%, 27.8% |
| OKLCH | 0.5296 0.1401 285.5 | 0.755 0.1173 114.4 |
คอนทราสต์และการเข้าถึง
2.59:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #AEB85C → พื้นหลัง: #665CB8
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #665CB8 → พื้นหลัง: #AEB85C
ความแตกต่างของสี (Delta E)
106.6
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #665CB8, #AEB85C);
background: linear-gradient(135deg, #665CB8, #AEB85C);