#63AC4F
#63AC4F
#984FAC
#984FAC
ค่าสี
| รูปแบบ | #63AC4F | #984FAC |
|---|---|---|
| HEX | #63AC4F | #984FAC |
| RGB | 99, 172, 79 | 152, 79, 172 |
| HSL | 107.1, 37.1%, 49.2% | 287.1, 37.1%, 49.2% |
| HSV | 107.1, 54.1%, 67.5% | 287.1, 54.1%, 67.5% |
| CMYK | 42.4%, 0.0%, 54.1%, 32.5% | 11.6%, 54.1%, 0.0%, 32.5% |
| OKLCH | 0.6752 0.1476 139.3 | 0.5532 0.1567 318.6 |
คอนทราสต์และการเข้าถึง
1.86:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #984FAC → พื้นหลัง: #63AC4F
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #63AC4F → พื้นหลัง: #984FAC
ความแตกต่างของสี (Delta E)
117.35
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #63AC4F, #984FAC);
background: linear-gradient(135deg, #63AC4F, #984FAC);