#74ADE0
#74ADE0
#E0A774
#E0A774
ค่าสี
| รูปแบบ | #74ADE0 | #E0A774 |
|---|---|---|
| HEX | #74ADE0 | #E0A774 |
| RGB | 116, 173, 224 | 224, 167, 116 |
| HSL | 208.3, 63.5%, 66.7% | 28.3, 63.5%, 66.7% |
| HSV | 208.3, 48.2%, 87.8% | 28.3, 48.2%, 87.8% |
| CMYK | 48.2%, 22.8%, 0.0%, 12.2% | 0.0%, 25.4%, 48.2%, 12.2% |
| OKLCH | 0.7281 0.0955 246.5 | 0.7704 0.0948 62.5 |
คอนทราสต์และการเข้าถึง
1.13:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #E0A774 → พื้นหลัง: #74ADE0
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #74ADE0 → พื้นหลัง: #E0A774
ความแตกต่างของสี (Delta E)
68.93
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #74ADE0, #E0A774);
background: linear-gradient(135deg, #74ADE0, #E0A774);