#2F6446
#2F6446
#642F4D
#642F4D
ค่าสี
| รูปแบบ | #2F6446 | #642F4D |
|---|---|---|
| HEX | #2F6446 | #642F4D |
| RGB | 47, 100, 70 | 100, 47, 77 |
| HSL | 146.0, 36.1%, 28.8% | 326.0, 36.1%, 28.8% |
| HSV | 146.0, 53.0%, 39.2% | 326.0, 53.0%, 39.2% |
| CMYK | 53.0%, 0.0%, 30.0%, 60.8% | 0.0%, 53.0%, 23.0%, 60.8% |
| OKLCH | 0.4577 0.0757 156.8 | 0.3863 0.0859 346.8 |
คอนทราสต์และการเข้าถึง
1.48:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #642F4D → พื้นหลัง: #2F6446
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #2F6446 → พื้นหลัง: #642F4D
ความแตกต่างของสี (Delta E)
57.69
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #2F6446, #642F4D);
background: linear-gradient(135deg, #2F6446, #642F4D);