#DCF3E3
#DCF3E3
#F3DCEC
#F3DCEC
ค่าสี
| รูปแบบ | #DCF3E3 | #F3DCEC |
|---|---|---|
| HEX | #DCF3E3 | #F3DCEC |
| RGB | 220, 243, 227 | 243, 220, 236 |
| HSL | 138.3, 48.9%, 90.8% | 318.3, 48.9%, 90.8% |
| HSV | 138.3, 9.5%, 95.3% | 318.3, 9.5%, 95.3% |
| CMYK | 9.5%, 0.0%, 6.6%, 4.7% | 0.0%, 9.5%, 2.9%, 4.7% |
| OKLCH | 0.9429 0.0322 155.4 | 0.9178 0.0328 336.7 |
คอนทราสต์และการเข้าถึง
1.11:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
ความสามารถในการอ่านข้อความ
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #F3DCEC → พื้นหลัง: #DCF3E3
สุนัขจิ้งจอกสีน้ำตาลที่ว่องไวกระโดดข้ามสุนัขขี้เกียจ
ข้อความ: #DCF3E3 → พื้นหลัง: #F3DCEC
ความแตกต่างของสี (Delta E)
23.67
Noticeable
0 — เหมือนกัน
5 — คล้ายคลึงกัน
25 — แตกต่างพอสังเกตได้
100 — แตกต่างมาก
ไล่ระดับสี
การผสมสี
โค้ดไล่ระดับสี CSS
background: linear-gradient(to right, #DCF3E3, #F3DCEC);
background: linear-gradient(135deg, #DCF3E3, #F3DCEC);