#644CD8
#644CD8
#C0D84C
#C0D84C
ค่าสี
| รูปแบบ | #644CD8 | #C0D84C |
|---|---|---|
| HEX | #644CD8 | #C0D84C |
| RGB | 100, 76, 216 | 192, 216, 76 |
| HSL | 250.3, 64.2%, 57.3% | 70.3, 64.2%, 57.3% |
| HSV | 250.3, 64.8%, 84.7% | 70.3, 64.8%, 84.7% |
| CMYK | 53.7%, 64.8%, 0.0%, 15.3% | 11.1%, 0.0%, 64.8%, 15.3% |
| OKLCH | 0.5242 0.204 284.7 | 0.8382 0.1644 118.4 |
คอนทราสต์และการเข้าถึง
3.69:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #C0D84C → พื้นหลัง: #644CD8
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #644CD8 → พื้นหลัง: #C0D84C
ความแตกต่างของสี (Delta E)
156.35
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #644CD8, #C0D84C);
background: linear-gradient(135deg, #644CD8, #C0D84C);