#96BCDF
#96BCDF
#DFB996
#DFB996
ค่าสี
| รูปแบบ | #96BCDF | #DFB996 |
|---|---|---|
| HEX | #96BCDF | #DFB996 |
| RGB | 150, 188, 223 | 223, 185, 150 |
| HSL | 208.8, 53.3%, 73.1% | 28.8, 53.3%, 73.1% |
| HSV | 208.8, 32.7%, 87.5% | 28.8, 32.7%, 87.5% |
| CMYK | 32.7%, 15.7%, 0.0%, 12.5% | 0.0%, 17.0%, 32.7%, 12.5% |
| OKLCH | 0.7798 0.0648 246.5 | 0.8105 0.0643 64.4 |
คอนทราสต์และการเข้าถึง
1.09:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #DFB996 → พื้นหลัง: #96BCDF
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #96BCDF → พื้นหลัง: #DFB996
ความแตกต่างของสี (Delta E)
46.5
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #96BCDF, #DFB996);
background: linear-gradient(135deg, #96BCDF, #DFB996);