#473CA8
#473CA8
#9DA83C
#9DA83C
ค่าสี
| รูปแบบ | #473CA8 | #9DA83C |
|---|---|---|
| HEX | #473CA8 | #9DA83C |
| RGB | 71, 60, 168 | 157, 168, 60 |
| HSL | 246.1, 47.4%, 44.7% | 66.1, 47.4%, 44.7% |
| HSV | 246.1, 64.3%, 65.9% | 66.1, 64.3%, 65.9% |
| CMYK | 57.7%, 64.3%, 0.0%, 34.1% | 6.5%, 0.0%, 64.3%, 34.1% |
| OKLCH | 0.4348 0.1664 281.6 | 0.7017 0.1315 114.8 |
คอนทราสต์และการเข้าถึง
3.27:1
AA Fail
AA Large Pass
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #9DA83C → พื้นหลัง: #473CA8
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #473CA8 → พื้นหลัง: #9DA83C
ความแตกต่างของสี (Delta E)
126.51
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #473CA8, #9DA83C);
background: linear-gradient(135deg, #473CA8, #9DA83C);