#5FC0C4
#5FC0C4
#C4635F
#C4635F
ค่าสี
| รูปแบบ | #5FC0C4 | #C4635F |
|---|---|---|
| HEX | #5FC0C4 | #C4635F |
| RGB | 95, 192, 196 | 196, 99, 95 |
| HSL | 182.4, 46.1%, 57.1% | 2.4, 46.1%, 57.1% |
| HSV | 182.4, 51.5%, 76.9% | 2.4, 51.5%, 76.9% |
| CMYK | 51.5%, 2.0%, 0.0%, 23.1% | 0.0%, 49.5%, 51.5%, 23.1% |
| OKLCH | 0.7509 0.0914 199.0 | 0.6136 0.1248 23.8 |
คอนทราสต์และการเข้าถึง
1.85:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #C4635F → พื้นหลัง: #5FC0C4
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #5FC0C4 → พื้นหลัง: #C4635F
ความแตกต่างของสี (Delta E)
74.96
Very Different
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #5FC0C4, #C4635F);
background: linear-gradient(135deg, #5FC0C4, #C4635F);