#ABDF89
#ABDF89
#BD89DF
#BD89DF
ค่าสี
| รูปแบบ | #ABDF89 | #BD89DF |
|---|---|---|
| HEX | #ABDF89 | #BD89DF |
| RGB | 171, 223, 137 | 189, 137, 223 |
| HSL | 96.3, 57.3%, 70.6% | 276.3, 57.3%, 70.6% |
| HSV | 96.3, 38.6%, 87.5% | 276.3, 38.6%, 87.5% |
| CMYK | 23.3%, 0.0%, 38.6%, 12.5% | 15.2%, 38.6%, 0.0%, 12.5% |
| OKLCH | 0.8472 0.1259 133.8 | 0.7125 0.133 311.1 |
คอนทราสต์และการเข้าถึง
1.75:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #BD89DF → พื้นหลัง: #ABDF89
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #ABDF89 → พื้นหลัง: #BD89DF
ความแตกต่างของสี (Delta E)
101.1
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #ABDF89, #BD89DF);
background: linear-gradient(135deg, #ABDF89, #BD89DF);