#CCD2F2
#CCD2F2
#F2ECCC
#F2ECCC
Giá trị màu sắc
| Định dạng | #CCD2F2 | #F2ECCC |
|---|---|---|
| HEX | #CCD2F2 | #F2ECCC |
| RGB | 204, 210, 242 | 242, 236, 204 |
| HSL | 230,5, 59,4%, 87,5% | 50,5, 59,4%, 87,5% |
| HSV | 230,5, 15,7%, 94,9% | 50,5, 15,7%, 94,9% |
| CMYK | 15,7%, 13,2%, 0,0%, 5,1% | 0,0%, 2,5%, 15,7%, 5,1% |
| OKLCH | 0,8693 0,0447 277,0 | 0,9395 0,0425 98,4 |
Tương phản và khả năng tiếp cận
1,25:1
AA Fail
AA Large Fail
AAA Fail
AAA Large Fail
Khả năng đọc văn bản
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #F2ECCC → Nền: #CCD2F2
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #CCD2F2 → Nền: #F2ECCC
Sự khác biệt màu sắc (Delta E)
34,53
Very Different
0 — Giống hệt
5 — Tương tự
25 — Khác biệt rõ rệt
100 — Rất khác biệt
Gradient
Pha trộn màu
Mã gradient CSS
background: linear-gradient(to right, #CCD2F2, #F2ECCC);
background: linear-gradient(135deg, #CCD2F2, #F2ECCC);