#583282
#583282
#5C8232
#5C8232
ค่าสี
| รูปแบบ | #583282 | #5C8232 |
|---|---|---|
| HEX | #583282 | #5C8232 |
| RGB | 88, 50, 130 | 92, 130, 50 |
| HSL | 268.5, 44.4%, 35.3% | 88.5, 44.4%, 35.3% |
| HSV | 268.5, 61.5%, 51.0% | 88.5, 61.5%, 51.0% |
| CMYK | 32.3%, 61.5%, 0.0%, 49.0% | 29.2%, 0.0%, 61.5%, 49.0% |
| OKLCH | 0.4054 0.1308 302.9 | 0.5602 0.1174 130.7 |
คอนทราสต์และการเข้าถึง
2.14:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #5C8232 → พื้นหลัง: #583282
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #583282 → พื้นหลัง: #5C8232
ความแตกต่างของสี (Delta E)
100.69
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #583282, #5C8232);
background: linear-gradient(135deg, #583282, #5C8232);