#2ABBBC
#2ABBBC
#BC2B2A
#BC2B2A
Giá trị màu sắc
| Định dạng | #2ABBBC | #BC2B2A |
|---|---|---|
| HEX | #2ABBBC | #BC2B2A |
| RGB | 42, 187, 188 | 188, 43, 42 |
| HSL | 180,4, 63,5%, 45,1% | 0,4, 63,5%, 45,1% |
| HSV | 180,4, 77,7%, 73,7% | 0,4, 77,7%, 73,7% |
| CMYK | 77,7%, 0,5%, 0,0%, 26,3% | 0,0%, 77,1%, 77,7%, 26,3% |
| OKLCH | 0,7214 0,1149 195,6 | 0,523 0,1818 26,5 |
Tương phản và khả năng tiếp cận
2,54: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: #BC2B2A → Nền: #2ABBBC
Con cáo nâu nhanh nhẹn nhảy qua con chó lười biếng
Văn bản: #2ABBBC → Nền: #BC2B2A
Sự khác biệt màu sắc (Delta E)
107,24
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, #2ABBBC, #BC2B2A);
background: linear-gradient(135deg, #2ABBBC, #BC2B2A);