#174469
#174469
#693C17
#693C17
ค่าสี
| รูปแบบ | #174469 | #693C17 |
|---|---|---|
| HEX | #174469 | #693C17 |
| RGB | 23, 68, 105 | 105, 60, 23 |
| HSL | 207.1, 64.1%, 25.1% | 27.1, 64.1%, 25.1% |
| HSV | 207.1, 78.1%, 41.2% | 27.1, 78.1%, 41.2% |
| CMYK | 78.1%, 35.2%, 0.0%, 58.8% | 0.0%, 42.9%, 78.1%, 58.8% |
| OKLCH | 0.3753 0.08 247.0 | 0.4039 0.0807 56.8 |
คอนทราสต์และการเข้าถึง
1.09:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #693C17 → พื้นหลัง: #174469
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #174469 → พื้นหลัง: #693C17
ความแตกต่างของสี (Delta E)
59.06
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #174469, #693C17);
background: linear-gradient(135deg, #174469, #693C17);