#9AB495
#9AB495
#AF95B4
#AF95B4
ค่าสี
| รูปแบบ | #9AB495 | #AF95B4 |
|---|---|---|
| HEX | #9AB495 | #AF95B4 |
| RGB | 154, 180, 149 | 175, 149, 180 |
| HSL | 110.3, 17.1%, 64.5% | 290.3, 17.1%, 64.5% |
| HSV | 110.3, 17.2%, 70.6% | 290.3, 17.2%, 70.6% |
| CMYK | 14.4%, 0.0%, 17.2%, 29.4% | 2.8%, 17.2%, 0.0%, 29.4% |
| OKLCH | 0.7416 0.0523 140.6 | 0.7032 0.0532 320.8 |
คอนทราสต์และการเข้าถึง
1.2:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #AF95B4 → พื้นหลัง: #9AB495
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #9AB495 → พื้นหลัง: #AF95B4
ความแตกต่างของสี (Delta E)
39.88
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #9AB495, #AF95B4);
background: linear-gradient(135deg, #9AB495, #AF95B4);