#6CC7C7
#6CC7C7
#C76C6C
#C76C6C
ค่าสี
| รูปแบบ | #6CC7C7 | #C76C6C |
|---|---|---|
| HEX | #6CC7C7 | #C76C6C |
| RGB | 108, 199, 199 | 199, 108, 108 |
| HSL | 180.0, 44.8%, 60.2% | 0.0, 44.8%, 60.2% |
| HSV | 180.0, 45.7%, 78.0% | 0.0, 45.7%, 78.0% |
| CMYK | 45.7%, 0.0%, 0.0%, 22.0% | 0.0%, 45.7%, 45.7%, 22.0% |
| OKLCH | 0.7736 0.0872 195.5 | 0.6348 0.1157 20.8 |
คอนทราสต์และการเข้าถึง
1.84:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #C76C6C → พื้นหลัง: #6CC7C7
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #6CC7C7 → พื้นหลัง: #C76C6C
ความแตกต่างของสี (Delta E)
70.29
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #6CC7C7, #C76C6C);
background: linear-gradient(135deg, #6CC7C7, #C76C6C);