#ABD299
#ABD299
#C099D2
#C099D2
ค่าสี
| รูปแบบ | #ABD299 | #C099D2 |
|---|---|---|
| HEX | #ABD299 | #C099D2 |
| RGB | 171, 210, 153 | 192, 153, 210 |
| HSL | 101.1, 38.8%, 71.2% | 281.1, 38.8%, 71.2% |
| HSV | 101.1, 27.1%, 82.4% | 281.1, 27.1%, 82.4% |
| CMYK | 18.6%, 0.0%, 27.1%, 17.6% | 8.6%, 27.1%, 0.0%, 17.6% |
| OKLCH | 0.8211 0.0879 136.0 | 0.7381 0.0909 314.9 |
คอนทราสต์และการเข้าถึง
1.42:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #C099D2 → พื้นหลัง: #ABD299
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #ABD299 → พื้นหลัง: #C099D2
ความแตกต่างของสี (Delta E)
68.83
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #ABD299, #C099D2);
background: linear-gradient(135deg, #ABD299, #C099D2);