#367C81
#367C81
#813B36
#813B36
ค่าสี
| รูปแบบ | #367C81 | #813B36 |
|---|---|---|
| HEX | #367C81 | #813B36 |
| RGB | 54, 124, 129 | 129, 59, 54 |
| HSL | 184.0, 41.0%, 35.9% | 4.0, 41.0%, 35.9% |
| HSV | 184.0, 58.1%, 50.6% | 4.0, 58.1%, 50.6% |
| CMYK | 58.1%, 3.9%, 0.0%, 49.4% | 0.0%, 54.3%, 58.1%, 49.4% |
| OKLCH | 0.5439 0.0701 201.7 | 0.4434 0.0979 26.0 |
คอนทราสต์และการเข้าถึง
1.67:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #813B36 → พื้นหลัง: #367C81
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #367C81 → พื้นหลัง: #813B36
ความแตกต่างของสี (Delta E)
58.43
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #367C81, #813B36);
background: linear-gradient(135deg, #367C81, #813B36);