#534F5A
#534F5A
#565A4F
#565A4F
ค่าสี
| รูปแบบ | #534F5A | #565A4F |
|---|---|---|
| HEX | #534F5A | #565A4F |
| RGB | 83, 79, 90 | 86, 90, 79 |
| HSL | 261.8, 6.5%, 33.1% | 81.8, 6.5%, 33.1% |
| HSV | 261.8, 12.2%, 35.3% | 81.8, 12.2%, 35.3% |
| CMYK | 7.8%, 12.2%, 0.0%, 64.7% | 4.4%, 0.0%, 12.2%, 64.7% |
| OKLCH | 0.4354 0.0185 302.1 | 0.4605 0.0181 123.4 |
คอนทราสต์และการเข้าถึง
1.13:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #565A4F → พื้นหลัง: #534F5A
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #534F5A → พื้นหลัง: #565A4F
ความแตกต่างของสี (Delta E)
14.47
Noticeable
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #534F5A, #565A4F);
background: linear-gradient(135deg, #534F5A, #565A4F);