#9FA3B0
#9FA3B0
#B0AC9F
#B0AC9F
ค่าสี
| รูปแบบ | #9FA3B0 | #B0AC9F |
|---|---|---|
| HEX | #9FA3B0 | #B0AC9F |
| RGB | 159, 163, 176 | 176, 172, 159 |
| HSL | 225.9, 9.7%, 65.7% | 45.9, 9.7%, 65.7% |
| HSV | 225.9, 9.7%, 69.0% | 45.9, 9.7%, 69.0% |
| CMYK | 9.7%, 7.4%, 0.0%, 31.0% | 0.0%, 2.3%, 9.7%, 31.0% |
| OKLCH | 0.7164 0.0193 272.2 | 0.744 0.0188 92.7 |
คอนทราสต์และการเข้าถึง
1.11:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #B0AC9F → พื้นหลัง: #9FA3B0
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #9FA3B0 → พื้นหลัง: #B0AC9F
ความแตกต่างของสี (Delta E)
14.91
Noticeable
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #9FA3B0, #B0AC9F);
background: linear-gradient(135deg, #9FA3B0, #B0AC9F);