#786FC3
#786FC3
#BAC36F
#BAC36F
ค่าสี
| รูปแบบ | #786FC3 | #BAC36F |
|---|---|---|
| HEX | #786FC3 | #BAC36F |
| RGB | 120, 111, 195 | 186, 195, 111 |
| HSL | 246.4, 41.2%, 60.0% | 66.4, 41.2%, 60.0% |
| HSV | 246.4, 43.1%, 76.5% | 66.4, 43.1%, 76.5% |
| CMYK | 38.5%, 43.1%, 0.0%, 23.5% | 4.6%, 0.0%, 43.1%, 23.5% |
| OKLCH | 0.5873 0.1261 286.7 | 0.7915 0.1084 113.9 |
คอนทราสต์และการเข้าถึง
2.29:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #BAC36F → พื้นหลัง: #786FC3
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #786FC3 → พื้นหลัง: #BAC36F
ความแตกต่างของสี (Delta E)
96.18
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #786FC3, #BAC36F);
background: linear-gradient(135deg, #786FC3, #BAC36F);