#174669
#174669
#693A17
#693A17
ค่าสี
| รูปแบบ | #174669 | #693A17 |
|---|---|---|
| HEX | #174669 | #693A17 |
| RGB | 23, 70, 105 | 105, 58, 23 |
| HSL | 205.6, 64.1%, 25.1% | 25.6, 64.1%, 25.1% |
| HSV | 205.6, 78.1%, 41.2% | 25.6, 78.1%, 41.2% |
| CMYK | 78.1%, 33.3%, 0.0%, 58.8% | 0.0%, 44.8%, 78.1%, 58.8% |
| OKLCH | 0.3806 0.0781 244.7 | 0.4 0.0818 54.2 |
คอนทราสต์และการเข้าถึง
1.05:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #693A17 → พื้นหลัง: #174669
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #174669 → พื้นหลัง: #693A17
ความแตกต่างของสี (Delta E)
58.35
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #174669, #693A17);
background: linear-gradient(135deg, #174669, #693A17);