#325989
#325989
#896232
#896232
ค่าสี
| รูปแบบ | #325989 | #896232 |
|---|---|---|
| HEX | #325989 | #896232 |
| RGB | 50, 89, 137 | 137, 98, 50 |
| HSL | 213.1, 46.5%, 36.7% | 33.1, 46.5%, 36.7% |
| HSV | 213.1, 63.5%, 53.7% | 33.1, 63.5%, 53.7% |
| CMYK | 63.5%, 35.0%, 0.0%, 46.3% | 0.0%, 28.5%, 63.5%, 46.3% |
| OKLCH | 0.4585 0.0905 254.6 | 0.5266 0.0819 70.1 |
คอนทราสต์และการเข้าถึง
1.32:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #896232 → พื้นหลัง: #325989
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #325989 → พื้นหลัง: #896232
ความแตกต่างของสี (Delta E)
64.88
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #325989, #896232);
background: linear-gradient(135deg, #325989, #896232);