#7CDBD2
#7CDBD2
#DB7C85
#DB7C85
ค่าสี
| รูปแบบ | #7CDBD2 | #DB7C85 |
|---|---|---|
| HEX | #7CDBD2 | #DB7C85 |
| RGB | 124, 219, 210 | 219, 124, 133 |
| HSL | 174.3, 56.9%, 67.3% | 354.3, 56.9%, 67.3% |
| HSV | 174.3, 43.4%, 85.9% | 354.3, 43.4%, 85.9% |
| CMYK | 43.4%, 0.0%, 4.1%, 14.1% | 0.0%, 43.4%, 39.3%, 14.1% |
| OKLCH | 0.8303 0.0916 187.7 | 0.6925 0.118 14.6 |
คอนทราสต์และการเข้าถึง
1.79:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #DB7C85 → พื้นหลัง: #7CDBD2
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #7CDBD2 → พื้นหลัง: #DB7C85
ความแตกต่างของสี (Delta E)
72.34
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #7CDBD2, #DB7C85);
background: linear-gradient(135deg, #7CDBD2, #DB7C85);