#169E51
#169E51
#9E1663
#9E1663
ค่าสี
| รูปแบบ | #169E51 | #9E1663 |
|---|---|---|
| HEX | #169E51 | #9E1663 |
| RGB | 22, 158, 81 | 158, 22, 99 |
| HSL | 146.0, 75.6%, 35.3% | 326.0, 75.6%, 35.3% |
| HSV | 146.0, 86.1%, 62.0% | 326.0, 86.1%, 62.0% |
| CMYK | 86.1%, 0.0%, 48.7%, 38.0% | 0.0%, 86.1%, 37.3%, 38.0% |
| OKLCH | 0.6145 0.1573 151.5 | 0.4677 0.1792 352.8 |
คอนทราสต์และการเข้าถึง
2.2:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #9E1663 → พื้นหลัง: #169E51
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #169E51 → พื้นหลัง: #9E1663
ความแตกต่างของสี (Delta E)
118.26
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #169E51, #9E1663);
background: linear-gradient(135deg, #169E51, #9E1663);