#5444BF
#5444BF
#AFBF44
#AFBF44
ค่าสี
| รูปแบบ | #5444BF | #AFBF44 |
|---|---|---|
| HEX | #5444BF | #AFBF44 |
| RGB | 84, 68, 191 | 175, 191, 68 |
| HSL | 247.8, 49.0%, 50.8% | 67.8, 49.0%, 50.8% |
| HSV | 247.8, 64.4%, 74.9% | 67.8, 64.4%, 74.9% |
| CMYK | 56.0%, 64.4%, 0.0%, 25.1% | 8.4%, 0.0%, 64.4%, 25.1% |
| OKLCH | 0.4778 0.1843 282.8 | 0.7688 0.1468 116.3 |
คอนทราสต์และการเข้าถึง
3.5:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #AFBF44 → พื้นหลัง: #5444BF
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #5444BF → พื้นหลัง: #AFBF44
ความแตกต่างของสี (Delta E)
140.63
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #5444BF, #AFBF44);
background: linear-gradient(135deg, #5444BF, #AFBF44);