#4BA555
#4BA555
#A54B9B
#A54B9B
ค่าสี
| รูปแบบ | #4BA555 | #A54B9B |
|---|---|---|
| HEX | #4BA555 | #A54B9B |
| RGB | 75, 165, 85 | 165, 75, 155 |
| HSL | 126.7, 37.5%, 47.1% | 306.7, 37.5%, 47.1% |
| HSV | 126.7, 54.5%, 64.7% | 306.7, 54.5%, 64.7% |
| CMYK | 54.5%, 0.0%, 48.5%, 35.3% | 0.0%, 54.5%, 6.1%, 35.3% |
| OKLCH | 0.6474 0.1444 145.8 | 0.5558 0.1547 331.8 |
คอนทราสต์และการเข้าถึง
1.67:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #A54B9B → พื้นหลัง: #4BA555
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #4BA555 → พื้นหลัง: #A54B9B
ความแตกต่างของสี (Delta E)
110.77
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #4BA555, #A54B9B);
background: linear-gradient(135deg, #4BA555, #A54B9B);